القائمة
通用 AI 对话式 App 原型生成器。读取原始需求文档，生成结构化需求文档，再批量生成手机端静态原型页面（HTML Demo）。可用于任意 App 项目。
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
| name | app-prototype |
| description | 通用 AI 对话式 App 原型生成器。读取原始需求文档，生成结构化需求文档，再批量生成手机端静态原型页面（HTML Demo）。可用于任意 App 项目。 |
将原始需求材料转化为 AI 对话式交互 的结构化需求文档，再按业务场景批量生成手机端静态原型页面（HTML Demo）。
本 Skill 与业务无关，可用于任意 App 项目。业务场景、品牌色、行业术语等均从项目的
docs/requirements.md和assets/目录读取。
阶段一：收集分析 → 阶段二：生成需求文档 → 阶段三：用户评审迭代 → 阶段四：批量生成页面
请用户提供原始需求材料：
assets/ 目录）读取并分析所有材料，提取：
汇总分析结果，与用户确认后进入阶段二。
读取 Prompt 模板：requirements-prompt.md
关键规则：
docs/requirements.md这一步至关重要，不可跳过：
读取 Prompt 模板：page-generation-prompt.md
生成策略：
docs/requirements.md 读取品牌色、场景列表、对话流程等业务信息src/序号-英文名.html（如 src/01-场景名.html）批量生成时的 Prompt 传递要点： 为确保并行 Task 生成的页面风格一致，需在每个 Task 的 prompt 中完整包含：
项目根目录/
├── docs/
│ ├── 原始需求.md # 原始需求（用户提供）
│ └── requirements.md # 生成的需求文档（含品牌色、场景、UI规范等全部业务信息）
├── assets/
│ └── *.jpg / *.png # 设计参考图（用户提供）
├── src/
│ ├── 01-场景名.html # 场景页面（每场景一个文件）
│ ├── 02-场景名.html
│ ├── ...
│ └── NN-场景名.html
└── .cursor/skills/
└── app-requirements-generator/ # 本 Skill（通用，不含业务信息）
├── SKILL.md # 工作流程（本文件）
├── requirements-prompt.md # 需求文档生成模板
└── page-generation-prompt.md # 页面生成模板 + 组件库
每完成一批页面后更新进度（场景名从 requirements.md 读取）：
页面生成进度：
✅ 场景 1：[场景名]（src/01-xxx.html）
✅ 场景 2：[场景名]（src/02-xxx.html）
⬜ 场景 3：[场景名]
⬜ 场景 4：[场景名]
...
基于实际使用经验，用户常见的迭代需求：
| 迭代类型 | 处理方式 |
|---|---|
| 移除接口/API 描述 | 需求文档改用纯对话流程描述，删除接口需求表 |
| 改为 AI 对话模式 | 将传统页面交互改写为 👤用户→🤖AI 对话流程 |
| 调整文件输出位置 | 修改输出目录（如 docs/ → src/） |
| 批量生成剩余场景 | 使用 Task 并行生成，每批 2-4 个场景 |
| 调整品牌色/视觉风格 | 修改 requirements.md 中的 UI/UX 规范章节 |
将本 Skill 用于新的 App 项目时：
.cursor/skills/app-requirements-generator/ 目录到新项目docs/原始需求.md）和设计参考图（assets/）docs/requirements.md 和页面本 Skill 兼容 Cursor 和 Claude Code：
.cursor/skills/app-requirements-generator/.claude/skills/app-requirements-generator/迁移时复制整个目录即可，无需修改内容。