透過 Tailwind v4 和 Next.js (App Router)、Vite 或手動設定安裝和使用 shadcn/ui；配置 Components.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；配置 Components.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-ui透過 Tailwind v4 和 Next.js (App Router)、Vite 或手動設定安裝和使用 shadcn/ui；配置 Components.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