用途:在 Next.js 项目中使用 shadcn/ui 组件构建美观、可访问的界面,适用于创建表单、对话框、表格、侧边栏等 UI 组件。
主要能力:技能以复制粘贴式组件为核心,组件基于 Radix UI 与 Tailwind CSS。内容覆盖常见组件的初始化、批量安装,以及按钮变体、react-hook-form + Zod 表单校验、Dialog/AlertDialog、TanStack 数据表格、Card、Sonner 通知、Sidebar 导航、Dark Mode 等核心模式,并列出 @hookform/resolvers、@radix-ui/react-*、@tanstack/react-table、class-variance-authority、clsx、lucide-react、next-themes、react-hook-form、sonner、tailwind-merge、zod 等依赖。
使用方式:在 Next.js 项目中初始化并添加组件:npx shadcn@latest init;npx shadcn@latest add button form dialog table sidebar。可运行 python3 scripts/verify.py 验证,预期输出 ✓ styling-with-shadcn skill ready。若验证失败,检查 references/ 目录下是否存在 component-examples.md;若仍失败则停止并报告。
参考文件:references/component-examples.md(完整代码示例)、references/taskflow-theme.md(自定义主题配置)。相关资料暂未提供收费、价格或具体平台限制等信息。