shadcn-ui-setup
✓next-theme を使用して、ダーク モードをサポートする Shadcn UI コンポーネントを追加します。テーマプロバイダーとCSS変数の設定が含まれます。
SKILL.md
To set up Shadcn UI & Theming, refer to the fullstackrecipes MCP server resource:
If the MCP server is not configured, fetch the recipe directly:
next-theme を使用して、ダーク モードをサポートする Shadcn UI コンポーネントを追加します。テーマプロバイダーとCSS変数の設定が含まれます。 ソース: andrelandgraf/fullstackrecipes。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/andrelandgraf/fullstackrecipes --skill shadcn-ui-setup インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/andrelandgraf/fullstackrecipes --skill shadcn-ui-setup- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
shadcn-ui-setup とは?
next-theme を使用して、ダーク モードをサポートする Shadcn UI コンポーネントを追加します。テーマプロバイダーとCSS変数の設定が含まれます。 ソース: andrelandgraf/fullstackrecipes。
shadcn-ui-setup のインストール方法は?
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/andrelandgraf/fullstackrecipes --skill shadcn-ui-setup インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか?
https://github.com/andrelandgraf/fullstackrecipes
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01