用途:在实现前通过引导式发现,生成完整、初级开发者可直接上手的设计系统文档。
主要能力:先收集项目上下文(现有设计令牌、UI 组件模式、技术栈、品牌文档),再逐条提问,覆盖目的与目标、目标受众、美学方向(如 Brutalist、Minimalist、Luxury 等)、字体、配色、动效强度、参考站点、技术约束与框架。框架建议按技术栈给出,如 rails 对应 DaisyUI + Tailwind,react 对应 Tailwind 或 styled-components,默认 Plain Tailwind。复杂需求可先走 interview 技能深挖。用户提到参考站点时会抓取并分析其字体、配色、布局与动效。最后读取 references/design-system-template.md,替换占位符、填入色值、配置字体与组件规范,写入 docs/design/design-system.md。
使用方式:以设计目标作为参数调用;若为空会询问要设计什么。输出路径读取 .agents.yml 的 design_system_path,默认 docs/design/design-system.md;auto_preview 为 true 时执行 open <design-system-path>。完成后可选择预览、开始构建(调用 frontend-design)、细化章节或继续调研,并可与 blueprint、build-task、visual-validator 衔接。
限制:资料未提供具体收费、平台支持范围与效果保证;提问需一次一个,部分问题依赖用户已有信息。