用途：在 React + Tailwind CSS v4 代码库中植入一套完整、有主见的设计系统，产出单页参考（默认 /admin/design-system），并让后续 agent 遵循该系统。
主要能力：自动检测框架（Vite、Next.js app/pages router、Rails + Inertia、Rails + react-on-rails），检查 Tailwind v4 与已有系统（首跑/重跑模式）；按阶段逐项确认路由（/admin/design-system、/design-system、/styleguide 或自定义），品牌默认锁定（Inter、DM Sans、Cyan #0891b2、Amber light #fcd34d、Slate），不询问用户选色选字。写入设计系统组件、ui 基础组件（button、input、dialog 等）、样式表、lib/utils.ts、lib/theme.ts 及路由入口；在入口 CSS 的 @import "tailwindcss" 后追加 design-system.css 导入；Rails + Inertia 等分离源根项目需加 @source 指令。安装 HTML head 中的字体 link 与主题启动脚本，包裹 bm-design-system:start/end 标记以便重跑。检查缺失依赖并打印一条安装命令（不代跑）。更新 AGENTS.md 或 CLAUDE.md，并清理与新系统冲突的旧 UI/样式指令。
使用方式：由该技能自动执行，遵循 AskUserQuestion 决策、一次一个决策、按序锁定阶段。
限制：硬性要求 React 与 Tailwind v4+，不满足则停止并提示升级（https://tailwindcss.com/docs/upgrade-guide）；模板依赖 @milkdown/crepe、@radix-ui/react-dropdown-menu 等，缺失需先安装；不自动改 Ruby 文件，需手动粘贴路由片段；字体不要用 CSS @import 加载，需用 link 标签。价格、平台等未提供。