Tailwind v4 および Next.js (App Router)、Vite、または手動セットアップで shadcn/ui をインストールして使用します。コンポーネント.json を設定し、CLI 経由でコンポーネントを追加し、CSS のみを使用してテーマを設定します。 shadcn/ui を追加するとき、shadcn をインストールするとき、Button、Card、Dialog、Form、またはその他の shadcn コンポーネントを使用するとき、またはユーザーが Tailwind で shadcn、shadcn/ui、または Radix UI について言及するときに使用します。
コマンドラインで shadcn-ui AI スキルを開発環境にすばやくインストール
ソース: enderpuentes/ai-agent-skills。
shadcn/ui is a collection of accessible, customizable React components built on Radix UI and Tailwind CSS. Components are copied into your project (no npm package); you own and edit the code. Works with Next.js (App Router), Vite, and other React frameworks.
Principles: Open code (AI-ready), composable API, beautiful defaults, distribution via CLI and schema. Requires Tailwind v4 and path alias @/. We do not use tailwind.config.js; theme and setup are CSS-only (@import "tailwindcss" + @theme).
Choose framework (Next.js, Vite, etc.), style (new-york recommended), base color, and CSS variables. Then add components as needed.
Tailwind v4 および Next.js (App Router)、Vite、または手動セットアップで shadcn/ui をインストールして使用します。コンポーネント.json を設定し、CLI 経由でコンポーネントを追加し、CSS のみを使用してテーマを設定します。 shadcn/ui を追加するとき、shadcn をインストールするとき、Button、Card、Dialog、Form、またはその他の shadcn コンポーネントを使用するとき、またはユーザーが Tailwind で shadcn、shadcn/ui、または Radix UI について言及するときに使用します。 ソース: enderpuentes/ai-agent-skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/enderpuentes/ai-agent-skills --skill shadcn-uiTailwind v4 および Next.js (App Router)、Vite、または手動セットアップで shadcn/ui をインストールして使用します。コンポーネント.json を設定し、CLI 経由でコンポーネントを追加し、CSS のみを使用してテーマを設定します。 shadcn/ui を追加するとき、shadcn をインストールするとき、Button、Card、Dialog、Form、またはその他の shadcn コンポーネントを使用するとき、またはユーザーが Tailwind で shadcn、shadcn/ui、または Radix UI について言及するときに使用します。 ソース: enderpuentes/ai-agent-skills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/enderpuentes/ai-agent-skills --skill shadcn-ui インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/enderpuentes/ai-agent-skills