·shadcn-patterns
*

shadcn-patterns

yonatangross/orchestkit

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

26Installs·0Trend·@yonatangross

Installation

$npx skills add https://github.com/yonatangross/orchestkit --skill 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/orchestkit.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/yonatangross/orchestkit --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

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/yonatangross/orchestkit --skill shadcn-patterns
Category
*Creative Media
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is shadcn-patterns?

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/orchestkit.

How do I install shadcn-patterns?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/yonatangross/orchestkit --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

Where is the source repository?

https://github.com/yonatangross/orchestkit