用途:把产品问题转成低保真 HTML 线框图,帮助评审者判断屏幕上应放什么、任务如何进行。它刻意不像成品,聚焦信息层级、内容、导航、任务流与响应式布局。
主要能力:编码前先读对话、需求简报和相关项目资料,复用项目词汇、内容模型与已知约束。优先级顺序为用户明确指令与已接受决策、产品现有结构与术语、所建模的用户/任务/内容、自身布局判断。需先明确:用户及其要完成的任务、受评审的屏幕或受限流程、必须包含的信息与操作、可安全假设的内容、线框图要回答的结构问题。使用真实标签和代表性内容,不用匿名方框或占位假文。
结构优先于样式:布局未定时可做两三个本质不同的方向,差异体现在导航模型、分组与顺序、主操作位置、内容密度、总览与分步流程、桌面到移动的重排,而非改颜色或挪卡片。每个方向给简短名称和一句取舍说明,尽量放同一 HTML 文件,配小型键盘可操作切换器。
低保真契约:克制灰度配色、系统字体、简单边框与色块;避免品牌色、渐变、阴影、插画和成品组件样式;图片以带标签占位符呈现;仅在暴露假设或不可直接展示的行为时加注释。可保留基本点击跳转测试导航或短流程,使用原生控件与可见键盘焦点,不做复杂动画、持久化或模拟 API。
交付形式:一个自包含 .html 文件,CSS 与 JS 内联,无需构建工具或外部服务;使用语义化标签、标题、列表、表单与按钮;适配宽屏与窄屏,避免横向溢出。完成后在桌面与移动宽度验证阅读顺序、换行、溢出、焦点可见性和每条点击路径,返回绝对文件路径、各方向名称与取舍,以及有意推迟到后续稿件或原型的视觉决策。官方资料未提供收费、平台与安装命令等信息。