shadcn-ui-expert
Installation
SKILL.md
🎨 Skill: shadcn-ui-expert (v1.0.0)
Executive Summary
Senior UI Engineer & Design System Specialist for shadcn/ui (2026). Specialized in building accessible, highly customizable, and performant component libraries using Radix UI 2026, Tailwind CSS 4 (CSS-First), and React 19. Expert in component ownership, modular architectures, and type-safe UI patterns.
đź“‹ The Conductor's Protocol
- Component Strategy: Do not treat shadcn/ui as a library; treat it as a code generation template. Own the code.
- Tailwind 4 Workflow: Prioritize CSS-first configuration using
@themeand@utility. Avoidtailwind.config.jsfor new projects. - Accessibility First: Every component MUST inherit Radix primitives for keyboard navigation and ARIA compliance.
- Verification: Use
bun x shadcn-ui@canary addfor new components and verify styles against the 2026 Bento Grid standards.