用途:为新产品界面建立 UI/UX 设计系统,产出风格指南、配色方案、字体搭配、设计令牌、组件规范与页面布局。
主要能力:技能采用强制执行流程。先通过 AskUserQuestion 收集产品类型、技术栈、交付物和设计“刻度”(variance/motion/density,取值 1-10);随后运行 BM25 设计智能检索,覆盖 product、style、color、typography、ux 等域,并可用 --design-system 生成设计系统草稿。当检测到 3 个以上可用提供方时,会并行派发多个设计方向变体供用户选择。设计方向确定后,进行三方对抗式评审,检查可访问性、实用性、契合度、遗漏与“AI 套路”问题,再生成设计令牌、组件规格、页面布局和风格指南,最后做可访问性验证与交付规范。
使用方式:该技能面向 Codex CLI 适配,需先运行提供方检查脚本,并确认 search.py 与 python3 可用。检索命令形如 python3 "$SEARCH_PY" "<产品描述>" --domain product,设计系统命令为 python3 "$SEARCH_PY" "<产品描述>" --design-system --variance <v> --motion <m> --density <d>。若提供 Figma URL,可调用 Figma MCP 的 get_design_context 与 get_screenshot。
适用场景:SaaS/仪表盘、电商、落地页、移动应用等新界面设计,支持 React+Tailwind、React+shadcn/ui、HTML+Tailwind、Vue/Nuxt 等技术栈。
限制:依赖已安装的 claude-octopus 插件与 vendored 设计智能文件;缺少 search.py 或 python3 时流程终止。多提供方评审需相应 CLI 可用,否则以现有提供方运行。资料未提供具体收费、价格或效果保证。