ck:ui-styling - Shadcn/ui Component Styling with Tailwind CSS
Create accessible UI components and layouts with shadcn/ui, Tailwind CSS, and canvas-based design systems.
Tags
Updated: 2026-06-15Capabilities
Typical Inputs
Typical Outputs
What this skill does
- install shadcn/ui components
- add Tailwind CSS utilities
- configure dark mode themes
- generate responsive layouts
- create accessible components
- custom design tokens
- validate form inputs
- compose UI primitives
- apply utility classes
- generate configuration files
Inputs
- component names
- theme preferences
- design tokens
- framework type
- custom color palettes
- spacing scales
- breakpoint configurations
Outputs
- React component code
- Tailwind CSS classes
- theme configuration files
- responsive layout code
- form validation schemas
- styled component examples
- design system documentation
- config generation output
Requirements
- React framework
- TypeScript support
- Node.js environment
- shadcn/ui CLI
- Tailwind CSS installation
- Radix UI primitives