用途:为 Stitch 编写有明确视觉取向的 DESIGN.md 提案,面向设计师、前端开发者及维护该流程的团队。设计师提供意图与素材,开发者提供工程与工具,团队在交接中保留来源与验收状态。
主要能力:将品牌与页面目的转为视觉规范;把密度、动效偏好转为规范;在既有品牌颜色下提出排版与布局变体;输出七节 DESIGN.md 提案,标出决策依据、待定项与验证方法。
使用方式:先读取品牌与目标,优先用户已批准值,区分观察事实与设计建议;给出密度、布局变化、动效三个可调方向,默认是建议而非硬性品牌规则;形成颜色名称/值/角色与含中文回退的字体层级;为组件、布局、断点及动效写具体约束,prefers-reduced-motion 时关闭非必要运动。按依赖排序:来源核对→本地产物→已授权外部操作→验证交接。缺信息先输出假设草案,并精确列明缺少什么及用途。
适用场景:门店预约品牌的中文视觉提案、运营看板密度/动效偏好规范化、品牌既有颜色下的排版与布局变体。
限制:不自动覆盖已批准品牌规范,不生成远程屏幕,不擅自更换品牌或伪造产品成绩;提取既有实现真实 token 用 stitch-extract-design-md,生成实际 Stitch 屏幕用 stitch-ui-designer。不读取无关账号配置,不收集密码;示例只用演示数据,上传前替换客户姓名、电话、订单号并检查元数据;禁止将密钥、会话 cookie、base64 全文或签名下载 URL 写入报告或版本库。未经验证的参数、视觉效果、业务数字不得编造。是否自动上传、安装或上线:只执行当前请求与已有授权覆盖的动作,没有远程回执不称上传成功,没有运行验证不称上线。可定制项包括密度、变化、动效强度、品牌锁定项、设备和中文字体;未提供时沿用现有项目值并标明假设。