用途：该技能面向使用 shadcn/ui 构建可访问、可定制 React UI 组件的场景，覆盖新项目初始化、单个组件安装配置、表单校验、主题定制以及 Next.js + TypeScript 应用开发。
主要能力：提供 Button、Input、Form、Card、Dialog、Select、Sheet、Menubar、Table、Toast、Charts 等组件的模式与示例；支持用 React Hook Form 与 Zod 做表单校验；通过 globals.css 中的 CSS 变量定制主题与暗色模式；包含 Next.js 集成、最佳实践与常见组件组合。
使用方式：新项目可执行 npx create-next-app@latest my-app --typescript --tailwind --eslint --app，再运行 npx shadcn@latest init；已有项目先安装 tailwindcss-animate、class-variance-authority、clsx、tailwind-merge、lucide-react 等依赖，再初始化。安装组件用 npx shadcn@latest add button input form card dialog select，或 npx shadcn@latest add --all。组件从 @/components/ui/ 导入，可直接修改项目内代码。
限制：shadcn/ui 不是传统 NPM 包，组件被复制到项目中，代码归使用者所有；多数组件需要 "use client" 指令；依赖 Radix UI 包与 Tailwind CSS；面向 TypeScript 项目；需在 tsconfig.json 配置 @ 路径别名；暗色模式需自行用 CSS 变量或 class 策略设置。具体收费、价格与平台支持情况暂未提供。