用途：为产品决策构建可信的 HTML 模型或交互原型，让重要的视觉或行为问题可被测试，而非堆砌所有页面。
主要能力：提供两种保真模式。Mockup 用于视觉层级、布局、字体、颜色或产品契合度等静态问题；Prototype 用于导航、输入、状态变化、反馈、恢复与过渡等工作流问题。若用户同时要求两种模式，应保持相同内容与结构以便对比。
使用方式：设计前先检查对话、参考资料与项目，寻找设计系统文档、tokens、现有组件、产品截图等。权威顺序为：用户明确的视觉与功能指令、项目既有设计语言与交互约定、产品与受众及场景、自身设计判断。编码前需确定用户与关键任务、受审场景、模式、视觉方向来源、相关状态模型，以及真实产品接管的位置。无设计系统时，应依据主题与用例创建具体方向，避免默认渐变、深色仪表盘或可互换卡片。
范围与状态：选择能回答评审问题的最小流程，使用真实一致的名称、日期、状态与文案。让导航在建模范围内可用；表单需有标签、校验、提交反馈与合理默认值；仅在中断或确认属于场景时使用对话框；移除死按钮，属于真实系统的动作应说明边界。构建前列出可达状态，如加载、空、错误、成功、禁用、移动端及领域特定状态。
交互与构建：优先使用原生元素，支持键盘完成整个流程，保持焦点可见并在关键过渡后有意放置；对话框需有可访问名称、焦点约束、Escape 关闭并恢复焦点；表单错误与控件关联，重要状态变化需播报；不将关键行为藏在悬停后；尊重 prefers-reduced-motion 同时保留状态反馈。交付单个自包含 .html 文件，CSS 与 JavaScript 内联，无需构建工具、认证、实时 API 或外部服务，采用响应式构图。
验证与限制：在宽桌面与窄移动宽度测试，覆盖所有状态与控件，检查 Tab、Shift+Tab、Enter、Space、方向键与 Escape，检查控制台、溢出、长内容、禁用行为、焦点恢复与减少动效模式。若浏览器工具不可用，应说明哪些检查未验证。返回绝对文件路径、保真模式、建模场景、已实现状态与刻意省略的生产行为。资料未提供具体收费、平台或安装命令信息。