shadcn-setup
✓Tailwind CSS v4 構成を使用して shadcn/ui コンポーネント ライブラリをセットアップします。インストール、初期化、テーマの構成、および共通コンポーネントのセットアップを処理します。コンポーネント ライブラリが必要な新しい Next.js/React プロジェクトを開始するときに使用します。
SKILL.md
Sets up shadcn/ui with proper Tailwind CSS v4 configuration. This skill ensures you get the modern CSS-first setup, not the deprecated v3 approach.
IMPORTANT: shadcn/ui CLI and AI assistants often generate Tailwind v3 configs by default. This skill ensures:
| default | shadcn default (neutral grays) | | zinc | Zinc-based neutral | | slate | Slate-based cool neutral | | stone | Stone-based warm neutral | | gray | Pure gray | | neutral | True neutral | | red | Red primary | | rose | Rose primary | | orange | Orange primary | | green | Green primary | | blue | Blue primary | | yellow | Yellow primary |
Tailwind CSS v4 構成を使用して shadcn/ui コンポーネント ライブラリをセットアップします。インストール、初期化、テーマの構成、および共通コンポーネントのセットアップを処理します。コンポーネント ライブラリが必要な新しい Next.js/React プロジェクトを開始するときに使用します。 ソース: shipshitdev/library。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/shipshitdev/library --skill shadcn-setup- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
shadcn-setup とは？
Tailwind CSS v4 構成を使用して shadcn/ui コンポーネント ライブラリをセットアップします。インストール、初期化、テーマの構成、および共通コンポーネントのセットアップを処理します。コンポーネント ライブラリが必要な新しい Next.js/React プロジェクトを開始するときに使用します。 ソース: shipshitdev/library。
shadcn-setup のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/shipshitdev/library --skill shadcn-setup インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/shipshitdev/library
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01