用途
Wireframe 用于快速探索设计想法。它先访谈用户，再生成多个粗略线框图，在确定方向前把设计空间铺开。
主要能力
- 以广度优先于精细度，每个想法展示 3 到 5 个明显不同的方案。
- 使用简单形状、占位文本和极少的颜色，聚焦结构与流程。
- 手绘风格：字体手写但可读；黑白为主并辅以少量颜色；低拟真、简洁。
使用方式
线框图以垂直选项堆栈呈现（vertical options stack）：
- 每轮选项是一个独立的
<section>，最新一轮位于最上方。 - 每个选项获得稳定编号
{turn}{letter}（1a、1b、2a……），用户可在聊天中引用，你可在轮次之间交叉链接。 - 在
<helmet>中包含<meta name="design_doc_mode" content="canvas">，宿主会提供平移与缩放，用户可自由缩放超出视口宽度的设计。
结构约定：在 <helmet> 中放一个 <style> 块，然后在根节点下（紧接 </helmet> 之后，无额外包裹层）每轮放一个 <section class="dv-turn">。当用户要求再来一轮时，把新 section 插到已有 section 之上，使最新成果位于顶部；永远不要重排、重新编号或删除更早的轮次。
编号规则：轮次 section id 为 t1、t2、t3……；选项 id 为 1a、1b、2a……，放在选项最外层元素（.dv-opt）上而非徽标上，这样 #1b 会把整个选项滚动到视口内。编号永久稳定，不复用、不重排。同一轮内的选项以可换行的横排并排。不要自行实现平移/缩放，宿主画布已提供。
文件中每处选项编号引用——轮次标题、选项标签、.dv-next 行、任何正文——都用 <a class="dv-oid" href="#1b">1b</a> 链接形式，不能只写裸编号 1b；在聊天回复中则直接写 1b。每轮结尾放一行 .dv-next，给出 2 到 3 条用户可直接粘贴到聊天中的通俗后续指令。每个 .dv-card 按其内容设定尺寸（可以显式指定宽度），不要使用 height:100%。
适用场景
适合在确定视觉方向前快速比较多种布局与结构方案，例如页面布局探索、UI 结构概念讨论，以及需要用户从多个低拟真方向中挑选偏好的场合。
限制
资料仅说明其为低拟真线框图技能，具体支持的设计工具、导出格式、平台兼容性等信息暂未提供。