arctan303 设计制图技能 (design-maker)
Purpose
用最小必要的视觉产物消除页面结构、关键状态和交互上的开发不确定性。
Trigger
- UI、布局、交互或品牌表达会显著影响开发计划。
- 用户需要在开发前检查关键页面或状态。
- Product Spec 和 Design Brief 已稳定，但文字仍不足以指导实现。
没有明显界面、常规 UI 可直接计划或设计只会增加装饰时跳过。
Required context
- 当前相关需求与设计规则（复用 Spec/Design Brief、等价文档或明确确认）。
- 页面/流程范围、目标平台和响应式约束。
- 用户提供的截图、品牌资产、参考图或原型资料。
Workflow
- 映射需要视觉决策的关键流程和验收标准。
- 选择线框图、高保真稿或实现注释中的最小充分产物。
- 覆盖默认、空、加载、错误、成功和关键交互状态。
- 标注全局变量、组件复用、响应式规则和与文档的映射。
- 检查产物没有擅自扩大产品范围。
Output
- 页面或流程清单。
- 关键布局、状态、交互与响应式规则。
- 设计稿、线框图或实现注释。
- 留给开发阶段处理的明确细节。
Stop or escalate
- 相关需求或设计选择缺失且影响产物：补齐必要输入，不因缺少同名文档返回。
- 必要页面、流程或风格仍不稳定：返回前序阶段。
- 设计要求新增产品范围：升级为产品变更。
- 缺少品牌、内容或布局依据却要求高保真定稿：停止并说明缺口。
References
执行前读取 stage-contract.md。