ckm:ui-styling - UI Styling with shadcn/ui & Tailwind
Create accessible UIs with shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual designs
Tags
Updated: 2026-06-30Capabilities
Typical Inputs
Typical Outputs
What this skill does
- create UI components
- style interfaces
- build layouts
- implement dark mode
- customize themes
- add accessible components
- design visual compositions
- generate posters
- prototype interfaces
- configure themes
- manage components
- create responsive layouts
- implement form validation
- add navigation patterns
- create data tables
Inputs
- shadcn/ui components
- component names
- layout specifications
- theme preferences
- design tokens
- color palettes
- typography settings
Outputs
- UI component code
- styled interfaces
- layout code
- theme configuration
- visual designs
- responsive layouts
- accessible components
Requirements
- React-based framework (Next.js, Vite, Remix, Astro)
- TypeScript support
- Node.js environment