用途：该技能面向使用 shadcn/ui、Radix UI 与 Tailwind CSS 构建可访问、可定制 UI 组件的场景，提供从项目初始化到组件实现的生产级模式。
主要能力：覆盖安装与配置、主题定制、核心组件（Button、Input、Form、Card、Dialog、Select、Sheet、Menubar、Table、Toast）以及 React Hook Form 与 Zod 表单校验、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/ 导入，主题通过 globals.css 的 CSS 变量配置。
适用场景：新项目搭建、单个组件安装配置、带校验的表单、可访问的按钮/对话框/下拉/抽屉、Tailwind 样式定制、设计系统实现、TypeScript 的 Next.js 应用及复杂布局与数据展示。
限制：shadcn/ui 不是 NPM 包，组件代码复制到项目中由使用者拥有；多数组件需要 "use client"；依赖 Radix 包与 Tailwind CSS；面向 TypeScript 项目；需在 tsconfig.json 配置 @ 路径别名；暗色模式需通过 CSS 变量或 class 策略设置。资料未提供收费、价格与效果信息。