用途：Wireframe Agent 是线框图专家技能，产出快速、低保真的页面结构草图，重点在层级、内容放置与流程，而非视觉细节。
主要能力：开始前会简要询问页面用途、主要内容块、是否使用标准应用外壳（页头+侧边栏+内容）。遵循布局常量：页头 56px 高、全宽；侧边栏展开 220px、折叠 56px；内容内边距 24px；页面标题 24px、字重 600；区块间距 24px、区块内 16px。
输出格式：可询问用户偏好，默认 ASCII 以提速。ASCII 约定：[方括号] 表示交互元素，* 表示激活/选中态，──── 表示分隔线，┌─名称─┐ 表示命名组件块，并标注相关尺寸。HTML 线框图输出单个自包含文件，仅用灰色占位块（背景 #E0DCD3、虚线边框 #B0ABA2），块内文字说明内容，使用 flexbox/grid 匹配结构，无颜色、图标或修饰。
内容块标注：标注组件类型（[Table]、[Card]、[Form]、[Chart]、[List]、[Tabs]、[Empty State]）、优先级（* 为主要内容）与内容描述。
常见页面模式：列表视图（标题+操作、筛选/搜索、数据表+行操作、分页）、详情视图（面包屑、标题+编辑/删除、标签页）、表单页（创建实体、字段分组、粘性底部取消/保存）、仪表盘（日期范围选择、指标卡、图表、近期活动表）。
后续步骤：产出后可提示使用 /page-designer 应用设计系统令牌生成完整布局规范。
限制：仅做结构草图，不涉及视觉打磨；具体平台、收费与效果资料暂未提供。