# 08 HTML 策略报告交付

本节目标：把前面采集矩阵、采集结果、问题池、单点深挖和内容计划整理成老板能看的 HTML 报告。

## 重要原则

HTML 报告不需要进入复杂 workflow。Claude Code 本身就能基于现有材料生成 HTML 文件。

正确做法：

```text
把基础样本数据 + 采集矩阵 + 问题池 + 单点深挖 + 内容计划
交给 Claude Code
让它直接生成 HTML 文件
再打开浏览器检查和优化
```

截图位置：

```text
【截图 08-01：HTML 报告原则】
```

下一步：准备报告材料。

## 第一步：整理报告材料

准备下面内容：

```text
1. 业务背景
2. 采集矩阵
3. 小红书采集结果
4. 抖音采集结果
5. VOC 问题池
6. 价格/性价比单点深挖
7. 7 天内容计划
8. 下一轮补采关键词
9. 视觉风格要求
```

截图位置：

```text
【截图 08-02：报告材料清单】
```

下一步：输入 HTML 生成 Prompt。

## 第二步：输入 HTML 生成 Prompt

```text
请基于下面 VOC 分析材料，生成一份老板/运营视角可直接阅读的 HTML 策略报告。

业务背景：
茶饮新客转化，价格带 18-22 元。

报告目标：
解释用户为什么在意“值不值、会不会踩雷、首单怎么点最稳”，并给出门店动作、内容动作和 7 天验证计划。

已有材料：
1. 采集矩阵：平台、关键词、样本数、评论数、显著问题、补采关键词
2. 小红书结果：价格、踩雷、口味、套餐、分量是主要顾虑
3. 抖音结果：人均、套餐、避坑、点单、团购是主要触发和阻力
4. 问题池 Top 问题：价格/性价比、首单点单路径、茶底/甜度/配料、团购规则、外卖到手体验
5. 单点深挖结论：18-22 元不是绝对贵，关键是用户不知道怎么判断值不值
6. 7 天内容计划：第一次来怎么点、18-22 元贵在哪、券后价套餐、茶底甜度、避坑款、外卖、团购规则

视觉风格：
青花瓷风格，白底、瓷蓝、细线纹样、清爽高级。

页面要求：
1. 生成一个可打开的 HTML 文件
2. 有目录导航
3. 有关键结论高亮
4. 有采集矩阵表格
5. 有问题池优先级
6. 有单点深挖模块
7. 有 7 天内容计划模块
8. 有下一轮补采关键词
9. 有老板行动清单
10. 内容必须基于现有材料，不要编造不存在的数据

生成后请打开或告诉我 HTML 文件路径。
```

截图位置：

```text
【截图 08-03：输入 HTML 生成 Prompt】
```

下一步：检查生成文件。

## 第三步：检查 HTML 文件

检查内容：

- 文件是否生成。
- 是否能打开。
- 页面是否乱码。
- 表格是否完整。
- 移动端是否能看。

截图位置：

```text
【截图 08-04：HTML 文件生成】
【截图 08-05：浏览器打开首页】
```

下一步：优化报告结构。

## 第四步：优化报告结构

如果报告太像普通文章，输入：

```text
请优化这份 HTML 报告结构。
要求：
1. 第一屏直接看到核心结论
2. 第二屏展示采集矩阵和样本口径
3. 第三屏展示 VOC 问题池
4. 第四屏展示价格/性价比深挖
5. 第五屏展示 7 天内容计划
6. 最后一屏展示老板下周行动清单
请保持青花瓷视觉风格，不要改变事实和数据。
```

截图位置：

```text
【截图 08-06：优化后的报告结构】
```

下一步：优化视觉。

## 第五步：优化视觉风格

输入：

```text
请继续优化 HTML 的视觉风格。
要求：
1. 使用青花瓷色系，但不要过度花哨
2. 标题层级清晰
3. 表格易读
4. 关键数据用瓷蓝色强调
5. 卡片不要太圆，保持专业报告感
6. 移动端不要文字重叠
```

截图位置：

```text
【截图 08-07：优化后的青花瓷视觉】
```

下一步：做最终验收。

## 第六步：最终验收

验收清单：

```text
报告有业务背景
报告有采集矩阵
报告有样本数和评论数
报告有 VOC 问题池
报告有 Top 问题深挖
报告有 7 天内容计划
报告有下一轮补采关键词
报告有老板行动清单
报告没有编造数据
HTML 可以打开
移动端不重叠
```

截图位置：

```text
【截图 08-08：最终报告页面】
【截图 08-09：移动端或窄屏检查】
```

## 本节验收

- 学员能生成 HTML。
- 学员能指出报告中的证据来源。
- 学员知道 HTML 报告来自前面的分析结果，不是单独空写。
- 学员能根据结构和视觉要求继续优化。