通过 Tailwind v4 和 Next.js (App Router)、Vite 或手动设置安装和使用 shadcn/ui；配置 Components.json，通过 CLI 添加组件，仅使用 CSS 进行主题化。 Use when adding shadcn/ui, installing shadcn, using Button, Card, Dialog, Form, or other shadcn components, or when the user mentions shadcn, shadcn/ui, or Radix UI with Tailwind.
通过命令行快速安装 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 进行主题化。 Use when adding shadcn/ui, installing shadcn, using Button, Card, Dialog, Form, or other shadcn components, or when the user mentions shadcn, shadcn/ui, or Radix UI with Tailwind. 来源：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 进行主题化。 Use when adding shadcn/ui, installing shadcn, using Button, Card, Dialog, Form, or other shadcn components, or when the user mentions shadcn, shadcn/ui, or Radix UI with Tailwind. 来源：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