用途:借助 MCP 工具管理 shadcn/ui 组件。适用场景包括向项目新增 shadcn 组件,以及构建需要多个组件的复杂 UI 功能。
使用前提:先调用 shadcn___get_project_registries 检查项目配置;若不存在 components.json,提示用户运行 npx shadcn@latest init。
快速添加流程:在注册表中搜索组件 shadcn___search_items_in_registries(registries, query);查看实现 shadcn___view_items_in_registries(items: ["@shadcn/component-name"]);获取用法示例 shadcn___get_item_examples_from_registries(registries, query: "component-demo");获取安装命令 shadcn___get_add_command_for_items(items: ["@shadcn/component-name"]);最后提供安装命令与示例代码。
复杂构建:当功能需要 3 个以上组件、需规划组件层级或构建完整区块(表单、仪表盘、弹窗)时,参考 references/workflows.md。
命名检索:表单类用 form、input、select、checkbox、radio-group;布局类用 card、dialog、sheet、drawer、tabs;反馈类用 alert、toast、skeleton、progress;导航类用 button、dropdown-menu、navigation-menu;示例查询可用 form-demo、card-with-form、dialog-demo。
实现后需运行审计:shadcn___get_audit_checklist。
自定义样式与主题:shadcn 提供结构基础与默认样式。若用户需要独特视觉风格、自定义排版、配色或动效,或制作落地页/营销站,可调用 frontend-design 技能,在 globals.css 的 CSS 变量、tailwind.config.js 主题扩展及组件 className 层面定制。
限制:资料未提供收费、价格、平台与效果信息,暂未提供。