用途:当用户只有审美信号、参考素材或“像这样”的粗略需求时,本技能在生成前先建立可复用的设计契约,让后续原型、演示、改版或图像再创作无需猜测即可执行。
主要产出三个文件:DESIGN.md,按 OpenDesign 标准九段式设计系统结构记录可复用视觉方向;design-contract.md,记录决策依据、保留/修改边界、理由、风险与质量门;implementation-handoff.md,面向下一个产出型技能或编码智能体的简明构建说明。如有需要可另建 example.html 作为小型手工契约预览,但不作为主要交付物。
工作流程:锁定任务,识别目标产物类型、受众、品牌/产品背景、参考与约束,仅在缺失答案会改变方向时最多提两个问题,否则选择合理默认值并标注为推断;读取证据,使用提供的截图、URL、现有 DESIGN.md、品牌文档、图像产物或用户笔记,证据缺失时明确说明并仅基于简报,不编造品牌事实;分离参考语义,将每个参考拆为保留(密度、构图、材质、字体节奏、色温、动效态度等)、修改(主题、文案、品牌标识、具体布局、受保护资产等)与不可复制(截图、Logo、声明、定价、专有 UI、示例提示词原文);冻结方向,只选一个连贯视觉立场,不提供五套无关情绪板;按九个固定标题撰写 DESIGN.md:视觉主题与氛围、色彩、字体、间距与网格、布局与构图、组件、动效与交互、语气与品牌、反模式;撰写 design-contract.md,含目标与产物、带置信度(观察、提供、推断)的证据表、保留/修改/不可复制表、一段式最终设计立场、风险与未知项、质量门清单;撰写简短的 implementation-handoff.md,含需读取文件、令牌/调色板/字体/布局约束、资产规则、响应式要求及“首个产物应证明……”验收说明;最后阅读 references/checklist.md 并满足所有 P0 门后再交接。
输出规则:每个论断须可追溯到用户输入、观察到的参考证据或明确标注的推断;优先具体约束而非形容词;将“同样风格”理解为借用可控特质而非克隆原主题或提示词;若用户同时要求立即生成 UI,先完成契约文件再交接。
限制:资料未提供具体安装命令、收费方式、支持平台及运行环境要求。