HTML 原型生成器

生成用于需求沟通和交互验证的简约 Web 原型。默认采用扁平设计，不把原型包装成高装饰性的正式 UI。

必读资源

• 分析页面、交互和视觉要求前读取 references/prototype-dsl.md。
• 生成时以 templates/web-prototype.html 为结构参考，不直接照搬模板业务内容。
• 需要完整案例时读取 examples/red-packet-prototype.html。

强制流程

需求分析 → 页面与任务规划 → 详细自然语言 DSL → 匹配基础模板 → 生成 HTML → 结构与交互检查 → 浏览器渲染检查 → 修正并交付

1. 分析需求

明确原型目的、用户角色、核心任务、页面范围、设备类型、保真度、主题、交互深度和输出路径。用户提供需求文档时读取该文档；未提供时直接分析当前需求，不依赖固定默认文件。

区分用户确认事实、合理补充和不能擅自推断的业务规则。页面或核心操作不明确且会改变结果时再询问用户。