ckm:ui-styling - Build accessible UIs with shadcn/ui and Tailwind CSS
Create accessible user interfaces using shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.
Tags
Updated: 2026-06-30Capabilities
Typical Inputs
Typical Outputs
What this skill does
- install shadcn/ui components
- apply Tailwind CSS utility classes
- create responsive layouts
- implement dark mode themes
- customize theme colors and tokens
- build accessible form components
- generate canvas-based visual designs
- configure Tailwind custom tokens
Inputs
- React project
- Tailwind CSS configuration
- shadcn/ui CLI
- Component or layout specification
Outputs
- React UI components
- Tailwind CSS configuration files
- Theme configuration
- Visual design compositions
Requirements
- Node.js runtime
- React-based framework (Next.js, Vite, Remix, or Astro)
- Tailwind CSS installed
- shadcn/ui CLI
- Python for automation scripts