setup-design-system - Initialize accessible design system
Initialize or extend design system with accessible UI components, Tailwind/shadcn integration, and documentation.
Tags
Updated: 2026-05-28Capabilities
Typical Inputs
Typical Outputs
What this skill does
- verify feature branch
- assess current state
- create design tokens
- configure Tailwind
- set up shadcn/ui
- build UI components
- implement accessibility
- write tests
- document components
Inputs
- feature branch
- design requirements
- brand guidelines
- color palette
- Figma designs
- TypeScript project
Outputs
- design tokens
- UI components
- Tailwind configuration
- component documentation
Requirements
- Git repository
- Tailwind CSS
- shadcn/ui
- React 19
- TypeScript
- Node.js
- Vite