---
title: Multi-perspective parallel case study
slug: multi-perspective-parallel-case-study
category: case
aliases: [case-study]
status: ok
---

# 多视角并行实验 · Case Study

> html-design-md-html v2.0 launch film 项目 · 2026-05-11
> 6 位艺术家视角的并行 director's notes + HTML + 关键帧实验

---

## 背景

用户要求「为 html-design-md-html v2.0 制作 30 秒升级宣传片」时，主线程先产出了 v5 基线（Anthropic / Penguin Classics 出版社品位）。但用户认为可以做得更好，给了 critical instruction：

> 「调用不同的 subagent 分别再去生成 6 个全然不同的表达方式和视觉设计的版本。你可以试试启用不同的导演和艺术家。然后全都完成后，再评判审校。」

这是首次系统化的「多视角并行 director's notes」实验，验证了一套可复用的工作流。

---

## 6 个视角的选择逻辑

不要随便选 6 个 designer——他们必须**视觉差异度极高**，避免趋同。

最终选择的 6 个视角（含选择理由）：

| 视角 | 流派 | 美学锚点 | 跟其他视角的差异 |
|------|------|---------|----------------|
| **v5 基线** | 现代出版社 | Anthropic 赤陶橙 + Penguin Classics 衬线 + Vignelli grid | 安全的「品位」选择 |
| **v5a Wes Anderson** | 电影章节美学 | The French Dispatch 杂志感 + 1960 Olivetti 工业目录 | 对称构图 + 章节卡片 + 装饰边框 |
| **v5b Saul Bass** | 60s 影片标题艺术 | cut-paper + Trajan caps + 流动几何 | 剪纸 silhouette + 大字 + 强对角线 |
| **v5c 王家卫** | 港式新浪潮 | 《花样年华》《2046》 letterboxing + 中文衬线 | 慢拍 + 雾化光晕 + 中文为主 |
| **v5d Massimo Vignelli** | 1970 现代主义 | Knoll identity manual + NYC Subway map | 严格 grid + 3 色铁律 + 拒绝装饰 |
| **v5e Kenya Hara** | 极简日式 | MUJI 海报 + 《白》 | 留白哲学 + 无 chrome + ma 间 |
| **v5f Yayoi Kusama** | 装置艺术 | Infinity Mirror Rooms + Polka Dot Obsession | obsessive 重复 + 单一强色 + 圆点 |

**选择原则**：
1. **3 个不同地理文化**（西方电影 / 日本设计 / 港式中文）
2. **3 个不同年代**（1960s / 1970s / 2010s+）
3. **3 个不同载体**（电影 / 平面设计 / 装置艺术）
4. **每个都有「跟训练语料里通用 SaaS 美学完全相反」的视觉签名**

---

## 实施流程

### Step 1 · 为每个视角写独立 brief（约 15 分钟）

每个 brief 包含 8 个固定字段：

```
1. 项目背景（同一份）
2. 必读参考（同一份 v5-director-notes.md 作方法论模板）
3. 你要做的事（4 项交付清单）
4. 该艺术家 DNA（核心字段 6 项）：
   - 色板（具体 HEX）
   - 字体（具体名字 + 替代方案）
   - 视觉语言（核心几条）
   - 招牌元素（identifiable signatures）
   - 节奏（区别其他视角）
   - 反 AI slop 强化版（在该风格语境下的禁区）
5. 30 秒结构参考（4-6 个 shot 草拟）
6. destination cards 设计要求（保持真实可读）
7. 关键约束（30s / 1920×1080 / file:// / Google Fonts CDN）
8. 输出验证清单 + 完成报告格式
```

**关键**：每个 brief 必须强调「**不要重复 v5 的美学**」——否则 subagent 会被 v5 director-notes 影响而趋同。

### Step 2 · 并行启动 6 个 subagent（同一 message 中 6 个 Agent tool calls）

```js
Agent({ subagent_type: "general-purpose", run_in_background: true, name: "v5a-anderson", ... })
Agent({ subagent_type: "general-purpose", run_in_background: true, name: "v5b-bass", ... })
// ... 6 个
```

后台运行，预期 30-60 分钟。

### Step 3 · 等待期间的 idle work

不要 polling agent 状态。subagent 完成会自动 task-notification。等待期间做：

- 修主线程的 v5 基线 bug
- 写 review framework（每个版本要打的分维度 / Q&A）
- 沉淀方法论到 skill（这正是这份 case study 的来源）
- 准备 final summary 文档骨架

### Step 4 · 失败处理（约 16% 失败率，可接受）

实战观测：6 个 subagent 中约 1 个会因网络或 token 超限失败（Bass 首轮 socket error）。处理：

1. 收到 completion notification 时**立即检查**该 agent 的输出文件夹
2. 缺少关键交付物 → 重启该 agent（同样 brief，可标注「上次失败，请重新执行」）
3. 部分完成（如有 html 没截图）→ 主线程补 Playwright 截图，不重启 agent

### Step 5 · 6 版本完成后系统审校

审校 framework（5 维度 + 3 顶层问 + use case 分配）：

```
5 维度评分（每维 1-10）：
- Distinctiveness 视觉差异化
- Coherence 美学一致性
- Anti-slop 反 AI slop 执行
- Story arc 节奏与故事弧
- Pause-and-look 细节密度

3 顶层问：
- Q1 截图分享？（能在社交平台触发暂停）
- Q2 记一句话？（能留下命题级记忆）
- Q3 跨时代？（5 年后回看不显廉价）

use case 分配（按平台和受众）：
- 公众号 / X / B 站 / 朋友圈 / Dribbble / 客户演示 / 私域 / ...
```

详见 `assets/director-notes-samples/launch-film-30s-sample.md` 的同目录 REVIEW.md。

---

## 实验产出（事实）

### 文档量

- v5 基线 director-notes：11500 字
- 6 视角 director-notes 各 4000-12000 字
- 总文档量：约 55000-70000 字
- 5 大部分结构齐全：6/6 版本

### HTML 实施

- 每版独立 animation.html，30 秒，1920×1080
- 文件大小 28-74KB
- 全部 file:// 可打开（不依赖 server）

### 关键帧

- 每版 10-18 张 PNG，覆盖完整 30 秒故事弧
- 总截图量：80+ 张
- 平均每张 PNG 大小：100-200KB

### 时长

- 6 个 subagent 并行运行：约 12-15 分钟（duration_ms 显示）
- 主线程并行 idle work（修 v5 + 写方法论）：同期完成
- 整体「从启动 6 视角到所有 deliverable 到位」：约 60 分钟

---

## 关键洞察（写给 html-design 的未来用户）

### 洞察 1 · 「先写万字 director's notes」方法论**完全 reproducible**

6 个 subagent 都按 5 大部分结构产出了 4000-12000 字的完整 spec，且实施 HTML 时都达到了 marketing-ready 质量。这证明方法论本身不依赖单一执行者的天赋——**只要 brief 给得清楚，多个独立执行者能产出一致的高质量结果**。

### 洞察 2 · 「视角」必须具体到「作品 + 年份」

每个 brief 里都列出具体作品对话：
- Anderson → *The French Dispatch* (2021) + *Moonrise Kingdom* (2012) + Penguin Classics dust jackets + 1960s Olivetti catalogues
- WKW → *In the Mood for Love* (2000) + *2046* (2004)
- Vignelli → 1972 NYC Subway map + Knoll identity manual + *The Vignelli Canon*
- Hara → MUJI brand 1995-2023 + 《白》 + Junya Ishigami transparency
- Kusama → Infinity Mirrored Rooms (2013-2023) + Polka Dot Obsession 装置

**实战结果**：所有 subagent 都准确捕捉到了该作品的核心 visual DNA，而不是流派的「平均值」。

### 洞察 3 · 反 AI slop 的「风格强化版本」是关键

通用 anti-slop（紫渐变 / emoji / SVG 人物）适用所有版本。但**每个风格还要写「专属 anti-slop」**：

- Bass: 不用 Helvetica（太干净，Bass 是粗犷）
- Vignelli: 不用圆角（所有 corner 90°）
- Hara: 不用任何渐变 + 不用 sans display
- Kusama: 不用现代 SaaS look
- Anderson: 不用 cyber 配色
- WKW: 不用 Inter（WKW 用衬线）

加了这些后，6 个版本风格纯度极高，无一相互趋同。

### 洞察 4 · 多视角的真正价值不是「选 winner」

最初设想是 A/B test 选最好的版本。实际审校时发现：**6 个版本各自有清晰 use case**：
- v5 基线 → 产品页 / 微信读书（信息密度高）
- Anderson → 公众号长文头图（翻杂志感强）
- WKW → B 站 / 中文文化向（怀旧温度）
- Vignelli → 设计圈 / Dribbble（每帧都是印刷海报）
- Hara → 客户演示 / 静态截图（极简哲学）
- Kusama → X 短视频 / 病毒传播（视觉冲击）

**结论**：marketing 不是 single-shot，是 platform-specific multiplex。6 视角并行的真正价值是**让一个项目有 6 个差异化武器**，不是让 5 个版本上不了台面。

### 洞察 5 · subagent 的失败率 ~16% 是可接受的

6 个里 1 个失败（Bass 首轮 socket error）。处理代价：重启 + 5 分钟简化版 brief，再等 12-15 分钟。**对比 vs. 等 1 个 agent 顺序跑 6 个版本（90+ 分钟）**——并行 + 重试明显更经济。

### 洞察 6 · 主线程在等待期间必须做 substantive idle work

subagent 完成需要 12-15 分钟。这段时间主线程绝不该空闲：

- **修主版本 bug**（用户已经反馈的）
- **写 review framework**（等审校时填）
- **沉淀方法论到 skill**（如这份 case study）
- **准备 final summary**（用户回来一目了然）

这是 parallel multi-agent workflow 的「主线程职责」——不是 PM 等结果，是 orchestrator 同步推进。

---

## 何时启用「多视角并行」

| 场景 | 是否启用 | 原因 |
|------|---------|------|
| 用户明确说「想看不同方向」「再多做几个版本」 | ✅ 立刻启用 | 直接需求 |
| 第一版做出来用户不满意但说不清要啥 | ✅ 启用 | A/B 选优于「我猜你要啥」 |
| 项目准备多平台分发（X / 公众号 / B 站 / 朋友圈） | ✅ 启用 | 每平台一个版本 |
| 客户没拍板风格但有预算（time + token） | ✅ 启用 | 反复改 = 5 倍代价 |
| 用户已经给了明确风格参考且只要 1 个版本 | ❌ 不启用 | 浪费 |
| 任务是简单 motion graphic / icon 动画 | ❌ 不启用 | 过度工程化 |
| 时间紧 < 30 分钟 | ❌ 不启用 | subagent 跑不完 |

---

## 完整方法论流程图

```
用户 brief（含质量预期）
       ↓
[主线程] 写 v5 基线 director's notes（万字级 5 大部分）
       ↓
[主线程] 实施 v5 HTML + 截关键帧（marketing baseline）
       ↓
[决策点] 是否启用多视角？
       ↓ YES
[主线程] 选 6 个差异化视角 + 写 6 份独立 brief（每份 8 字段）
       ↓
[6 subagents 并行]
   ├── v5a brief → director-notes + html + keyframes + README
   ├── v5b brief → ...
   ├── v5c brief → ...
   ├── v5d brief → ...
   ├── v5e brief → ...
   └── v5f brief → ...
       ↓
[主线程同步做] 修 v5 bug · 写 review framework · 沉淀方法论
       ↓
[全 6 通知到达]
       ↓
[主线程] 失败检测 + 重试 / 补截图
       ↓
[主线程] 5 维度评分 + 3 顶层问 + use case 分配
       ↓
[主线程] 写 final REVIEW.md
       ↓
[交付] 6 完整版本 + review + 平台分发推荐
```

---

## 相关文档

- 完整方法论：`references/launch-film-director-notes.md`
- 单视角样本：`assets/director-notes-samples/launch-film-30s-sample.md`（v5 基线）
- 实战项目位置：`~/.claude/skills/html-design-md-html/demos/`（含 6 + 1 视角全套文件）
- 审校 review：`~/.claude/skills/html-design-md-html/demos/REVIEW.md`

---

*Last updated: 2026-05-11*
*Real case study: html-design-md-html v2.0 launch film 6-perspective parallel experiment*
