用途：wireframe 用于产出低保真、黑白的 UI 线框图，以独立 SVG 文件形式呈现，目标是沟通结构——什么元素放在哪里、顺序如何、大致尺寸，而不涉及颜色、品牌或精修。适用于“为某页面画线框图”“低保真草图”“草拟布局”“构建前先看布局”等请求。若需求涉及品牌、精修、真实组件、生产可用、配色、高保真、Figma 导出或实际代码，则应改用前端设计类技能。
主要能力：内置一套固定视觉规范，包括描边 #000 宽 1.5、盒子填充 #fff、占位填充 #e6e6e6、文字 #000 与占位文字 #666、仅用于标注层的红色虚线 #d33、系统字体、12/14/20/28 的字号层级、8px 对齐与 24px 间距，以及桌面 1280×800、移动 375×812、平板 768×1024 三种默认画布。提供可复用图元库，涵盖按钮、输入框、下拉、复选、开关、卡片、分栏、导航栏、标签栏、面包屑、分页、标题、段落、列表行、表格、键值对、指标块、图片/头像/视频占位、模态、抽屉、提示、标注等。
使用方式：先确认屏幕范围与视口，选定画布；从图元拼装，坐标对齐 8px；将 SVG 写入 wireframes/<slug>.svg；在回复中给出编号标注列表。多屏流程每屏一个 SVG，并生成 flow.svg 汇总。若用户要求查看器页面，则构建一个静态 index.html 直接加载 SVG，包含侧边目录、分区网格、点击放大灯箱与流程区，并做响应式适配。若要求部署，则交由 here-now 技能处理，不自行搭建托管。
适用场景：登录页、仪表盘、设置页、模态确认等界面在开发前的结构评审，以及多屏流程的浏览与讨论。
限制：SVG 为静态，不能做交互原型；不适合生产 UI 代码、高保真或品牌稿、系统架构/时序/数据模型图、插画艺术。发布相关能力由 here-now 技能负责，匿名站点默认 24 小时过期，具体凭据与流程以该技能为准。