shadcn-patterns

SKILL.md

| Color format | OKLCH for perceptually uniform theming | | Class merging | Always use cn() for Tailwind conflicts | | Extending components | Wrap, don't modify source files | | Variants | Use CVA for type-safe multi-axis variants |

shadcn/ui component patterns including CVA variants, OKLCH theming, cn() utility, and composition. Use when adding shadcn components, building variant systems, or customizing themes. Source: yonatangross/skillforge-claude-plugin.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill shadcn-patterns Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Security certified for safe and reliable code One-click installation with simplified configuration Compatible with Claude Code, Cursor, and more

View raw