cyberneticlibrary

Apply shadcn/ui component styling

apply-shadcnskillsetup L2381
majiayu000/claude-skill-registry
What it does

Apply shadcn/ui component library to project

Best for

UI development when shadcn library components reduce custom CSS and maintain consistency.

Inputs
  • · project codebase
  • · component spec
  • · styling config
Outputs
  • · installed components
  • · styled pages
  • · theme configuration
Requires
  • · npm
  • · React
  • · Tailwind CSS
Preconditions

React project with TypeScript and Tailwind configured

Failure modes

Version conflicts; missing peer dependencies; Tailwind config incompatibility

Trust signals
  • · component copy-paste workflow
  • · Tailwind integration
  • · dark mode support