ui-components
✓shadcn/ui および Radix プリミティブの UI コンポーネント ライブラリ パターン。アクセシブルなコンポーネント ライブラリの構築、shadcn コンポーネントのカスタマイズ、Radix のスタイルなしプリミティブの使用、またはデザイン システムの基盤の作成時に使用します。
SKILL.md
Comprehensive patterns for building accessible UI component libraries with shadcn/ui and Radix Primitives. Covers CVA variants, OKLCH theming, cn() utility, component extension, asChild composition, dialog/menu patterns, and data-attribute styling. Each category has individual rule files in rules/ loaded on-demand.
| Category | Rules | Impact | When to Use |
| shadcn/ui | 3 | HIGH | CVA variants, component customization, form patterns, data tables | | Radix Primitives | 3 | HIGH | Dialogs, polymorphic composition, data-attribute styling | | Design System Tokens | 1 | HIGH | W3C tokens, OKLCH theming, Tailwind @theme, spacing scales |
shadcn/ui および Radix プリミティブの UI コンポーネント ライブラリ パターン。アクセシブルなコンポーネント ライブラリの構築、shadcn コンポーネントのカスタマイズ、Radix のスタイルなしプリミティブの使用、またはデザイン システムの基盤の作成時に使用します。 ソース: yonatangross/orchestkit。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/yonatangross/orchestkit --skill ui-components- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-15
- 更新日
- 2026-02-18
クイックアンサー
ui-components とは？
shadcn/ui および Radix プリミティブの UI コンポーネント ライブラリ パターン。アクセシブルなコンポーネント ライブラリの構築、shadcn コンポーネントのカスタマイズ、Radix のスタイルなしプリミティブの使用、またはデザイン システムの基盤の作成時に使用します。 ソース: yonatangross/orchestkit。
ui-components のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/yonatangross/orchestkit --skill ui-components インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/yonatangross/orchestkit
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-15