SillySpec

Appearance

/sillyspec:brainstorm ​

需求探索 — 支持原型图分析，大模块自动拆分，生成设计文档

使用方式

在 Claude Code 中输入 /sillyspec:brainstorm 即可使用。也可以直接贴截图/原型图。

三种用法 ​

1. 普通需求探索 ​

/sillyspec:brainstorm "给网站加用户登录"

逐个提问 → 提出 2-3 种方案 → 分段展示设计 → 写设计文档。

2. 原型图驱动 ​

/sillyspec:brainstorm "做奖惩台账功能"
（然后贴截图）

AI 自动分析原型图：

  • 提取页面结构、表单字段、交互流程、标注备注
  • 只问原型里没回答的问题
  • 基于分析结果进行设计

3. 大模块子阶段 ​

/sillyspec:brainstorm reward-punishment/stage-1

自动读取 MASTER.md（整体方向）+ 前面阶段的设计和经验。

原型图分析流程 ​

1️⃣ 提取页面结构（搜索区、表格、操作栏）
2️⃣ 提取表单字段（类型、必填、选项）
3️⃣ 提取交互流程（页面跳转、按钮行为）
4️⃣ 识别标注和备注
5️⃣ 展示分析结果 → 用户确认补充
6️⃣ 基于分析结果提问（只问图片没回答的问题）

大模块拆分 ​

当原型包含超过 5 个页面或多个独立模块时，AI 会：

  1. 建议拆分 — 按功能模块分为多个阶段
  2. 用户确认 — 确认拆分逻辑和范围
  3. 生成 MASTER.md — 记录整体方向、拆分计划、阶段间依赖
  4. 逐阶段执行 — 每个阶段独立的 brainstorm → propose → plan → execute → verify
  5. 统一归档 — 全部完成后一次 archive

MASTER.md 结构 ​

markdown
# <变更名> — 主变更

## 拆分计划

| 阶段 | 范围 | 页面数 | 状态 |
|---|---|---|---|
| 阶段 1 | 列表页 + 搜索 | 4 | ✅ 已完成 |
| 阶段 2 | 新建/编辑表单 | 4 | 🔄 进行中 |
| 阶段 3 | 详情页 + 审核 | 4 | ⬜ 待开始 |

## 整体技术方向
## 阶段间依赖
## 经验记录（每个阶段完成后更新）

子变更目录 ​

.sillyspec/changes/<name>/
├── MASTER.md
└── stages/
    ├── 01-list/
    │   ├── proposal.md
    │   ├── design.md
    │   ├── tasks.md
    │   └── plan.md
    └── 02-form/
        └── ...

中断恢复 ​

bash
/sillyspec:state    # 保存状态（包含当前阶段信息）
/sillyspec:resume     # 恢复，显示各阶段进度表

resume 会输出：

🔄 恢复工作状态（大模块）
主变更：reward-punishment
整体进度：阶段 2/5

| 阶段 | 范围 | 状态 |
|---|---|---|
| 阶段 1 | 列表页 | ✅ 已完成 |
| 阶段 2 | 表单页 | 🔄 进行中（2/6） |
| 阶段 3 | 详情页 | ⬜ 待开始 |