setup-design-system - Initialize accessible design systems with UI components
Initialize design systems or create UI components with accessibility, Tailwind/shadcn integration, and documentation.
Tags
Updated: 2026-05-28Capabilities
Typical Inputs
Typical Outputs
What this skill does
- verify feature branch
- assess current state
- set up design tokens
- configure Tailwind CSS
- configure shadcn/ui
- create component structure
- design components
- implement components
- add accessibility features
- write tests
- run accessibility audit
- perform design review
- document design system
- commit changes
Inputs
- git repository
- project directory
- shadcn/ui configuration
- Tailwind configuration
- Figma designs
- brand guidelines
- existing components
Outputs
- UI components
- component documentation
- commits
Requirements
- git
- TypeScript
- React 19
- Vite
- Tailwind CSS
- shadcn/ui
- feature branch