用途:将需求、PBI、用户故事或线框图转化为结构化、技术无关的 UI/UX 设计规格,供开发者在任意技术栈上重建界面。
主要能力:先调研现有相关界面与关联流程;从既有 Feature Spec 的交互面(视图清单、导航图、关键 UI 状态、逐故事交互流)取词并保持一致;构建组件清单(新增与复用);定义默认、悬停、激活、禁用、错误、加载、空等状态与交互;提取颜色、字体、间距、阴影、圆角等设计令牌;记录响应式断点(移动 320–767、平板 768–1023、桌面 1024+);包含键盘导航、ARIA 标签、对比度等无障碍要求。
使用方式:按输入类型路由——Figma URL 转 $figma-design;截图用视觉分析工具;手绘或数字线框图用 --mode=wireframe;PBI/文本则提取需求。单表单或简单组件用 Quick Spec(1–4 节),整页或多组件用 Full Spec(全部 7 节),多页流程再加流程图。产物保存到 team-artifacts/design-specs/,命名如 {YYMMDD}-designspec-{feature-slug}.md,并回写所属 Feature Spec 的 frontmatter design_spec: 路径。
限制:输出须技术无关,组件按 UX 角色命名,源码路径与类名仅出现在证据字段、frontmatter 和 Mermaid 中;步骤须按声明顺序执行并维护任务跟踪,不得跳过、重排或合并;若环境缺少所需步骤或工具,应停止并询问用户。具体模板、命令与项目配置细节以仓库资料为准,部分内容暂未提供。