高保真产品原型生成器

问题

很多产品讨论停留在文字需求或粗糙线框图阶段：页面看起来像通用模板，缺少行业气质，也没有可点击的交互路径。评审时很难判断布局、状态、空态、错误反馈和业务流是否真正成立。

工作方式

该技能先把输入收敛为三种模式：已有行业背景、有功能描述但行业不明、只有模糊想法。它会先判断场景，必要时通过 AskUserQuestion 补齐行业、产品类型、核心功能和目标用户；随后推断行业，并加载对应视觉规范，约束配色、字体、圆角、阴影和动效。原型使用 HTML5、TailwindCSS、原生 JavaScript、Lucide Icons 与内联 Mock Data，交付单个 .html 文件，避免构建依赖。生成时会检查核心路径可走通、空态/加载/成功/失败、响应式、微交互、视觉层次，并禁止蓝紫渐变等泛化 AI 视觉。

边界与注意点

它适合快速验证 UI 布局、交互反馈和行业视觉一致性，不适合替代真实后端、权限、支付、数据安全和性能压测。若行业规范文件不可用，视觉决策会受限；使用 CDN 时需要浏览器可访问外部资源；部署能力依赖外部环境，不应把原型直接当作生产页面。