用途:帮助用户快速探索设计想法,通过面试式提问后生成多组粗略线框图,在确定方向前先铺开设计空间。
主要能力:优先追求广度而非精致,每个想法展示3-5个明显不同的方案;使用简单形状、占位文本和极少颜色,聚焦结构与流程;采用手绘风格(手写但易读的字体、黑白为主加少量颜色、低保真且简单);线框以垂直选项堆栈呈现。
使用方式:多组方案按轮次(turn)垂直堆叠,每轮为一个 <section>,最新一轮在最上方;每个选项有稳定的 {turn}{letter} 编号(如1a、1b、2a…),用户可在聊天中引用,作者在轮次间交叉链接。需在 <helmet> 中始终包含 <meta name="design_doc_mode" content="canvas">,由宿主提供平移与缩放,用户可对超出视口的宽设计自由缩放。样式:一个 <style> 块放在 <helmet>,每轮一个 <section class="dv-turn"> 作为根的直接子元素;用户要求新一轮时,新 section 插在已有之前,最新工作在最上方,永不重排、重编号或删除旧轮次。
规则:轮次 section id 为 t1、t2、t3…;选项 id 为 1a、1b、2a…,放在选项最外层元素(.dv-opt)上,绝不放在徽章上;id 永久稳定,不复用或重编号;同轮选项并排换行;不要自行实现平移缩放;每处选项编号引用都写成 <a class="dv-oid" href="#1b">1b</a> 链接,聊天回复中直接写 1b;每轮末尾用一行 .dv-next 给出2-3条用户可粘贴到聊天的英文追问;每个 .dv-card 按内容设定尺寸,不用 height:100%。
适用场景与限制:适合早期设计探索、方案发散和方向对比。资料未提供收费、平台、价格或效果等具体信息。