用途:该技能用于生成原型,原型被视为假设验证工具而非最终实现,目标是让想法足够具体以便评估,从而测试可用性与价值风险。
主要能力:生成单个自包含 HTML 文件,存放于 docs/discovery/prototypes/。文件需可直接双击在浏览器打开、无构建步骤,通过 CDN 使用 Tailwind CSS 和 Google Fonts,CSS 与 JavaScript 内联,使用模拟数据而非真实 API。
设计上下文注入:生成前需读取项目文件,包括 docs/product/design-principles.md 的设计原则、docs/product/personas/ 下相关用户画像、docs/discovery/hypotheses/ 下目标假设文件,以及 docs/product/vision.md 的语调与价值主张。若存在 docs/product/design/,需读取其中可用产物(信息架构、品牌方向、用户流程、内容模型、AI 交互模型),品牌方向优先于从设计原则推断的美学。
可选上下文:状态设计(加载、空、错误、部分、成功)、无障碍要求(WCAG 2.2 AA 基线)、通过 codebase-analyzer 识别可复用组件、旅程位置。
设计系统集成:仓库内组件使用 codebase-analyzer 识别并参考其视觉模式;Tailwind 配置或设计令牌沿用已有定义;尚无设计系统时定义调色板、字体、间距等约束并记录决策。
关键原则:为学习而非交付而做原型,不过度打磨;上下文来自文件而非假设;一个原型只验证一个假设;一个原型只验证一种模式,多模式需分别生成;实现步骤化用户流程而非孤立界面;实现相关状态转换;使用真实感示例数据与产品语言的实际文案;原型、截图与心得保存至 docs/discovery/prototypes/;在已有原型上迭代而非重来。详细构建模式、状态设计指导与范围边界见 references/prototype-prompt-guide.md。限制:资料未提供收费、平台支持范围与具体效果保证等信息。