React プロジェクト用の shadcn/ui コンポーネントをインストールして構成します。コンポーネントの選択、インストール順序、依存関係の管理、セマンティック トークンを使用したカスタマイズ、および一般的な UI レシピ (フォーム、データ テーブル、ナビゲーション、モーダル) をガイドします。 tailwind-theme-builder がテーマ インフラストラクチャをセットアップした後、コンポーネントの追加、フォームの構築、データ テーブルの作成、またはナビゲーションの設定を行うときに使用します。
コマンドラインで shadcn-ui AI スキルを開発環境にすばやくインストール
ソース: jezweb/claude-skills。
Add shadcn/ui components to a themed React project. This skill runs AFTER tailwind-theme-builder has set up CSS variables, ThemeProvider, and dark mode. It handles component installation, customisation, and combining components into working patterns.
Prerequisite: Theme infrastructure must exist (CSS variables, components.json, cn() utility). Use tailwind-theme-builder first if not set up.
Install components in dependency order. Foundation components first, then feature components:
React プロジェクト用の shadcn/ui コンポーネントをインストールして構成します。コンポーネントの選択、インストール順序、依存関係の管理、セマンティック トークンを使用したカスタマイズ、および一般的な UI レシピ (フォーム、データ テーブル、ナビゲーション、モーダル) をガイドします。 tailwind-theme-builder がテーマ インフラストラクチャをセットアップした後、コンポーネントの追加、フォームの構築、データ テーブルの作成、またはナビゲーションの設定を行うときに使用します。 ソース: jezweb/claude-skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/jezweb/claude-skills --skill shadcn-uiReact プロジェクト用の shadcn/ui コンポーネントをインストールして構成します。コンポーネントの選択、インストール順序、依存関係の管理、セマンティック トークンを使用したカスタマイズ、および一般的な UI レシピ (フォーム、データ テーブル、ナビゲーション、モーダル) をガイドします。 tailwind-theme-builder がテーマ インフラストラクチャをセットアップした後、コンポーネントの追加、フォームの構築、データ テーブルの作成、またはナビゲーションの設定を行うときに使用します。 ソース: jezweb/claude-skills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/jezweb/claude-skills --skill shadcn-ui インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/jezweb/claude-skills