beauty-normal-step4

# Beauty-Normal 步骤4：代码内容审核检验 / Beauty-Normal Step 4: Code Content Audit and Inspection

## ⚠️ 最关键步骤！必须严格执行！/ MOST CRITICAL STEP! Must be strictly executed!

## 目标 / Goal

全面检查生成的 JSON+HTML 演示文稿，确保质量和完整性。

Comprehensively check the generated JSON+HTML presentation to ensure quality and integrity.

## ⚠️ 核心原则

**实行一票否决制：**
- **内容完整性检验**：必须100%保留原文所有章节、数据、结论，零遗漏
- **JSON数据检验**：JSON格式必须正确，数据结构必须完整
- **HTML渲染检验**：HTML必须能正确渲染JSON数据
- **代码质量检验**：必须符合HTML最佳实践，可访问可运行
- **资源使用检验**：必须验证步骤2和步骤3是否正确读取并使用了skill资源
- **发现问题立即回退**：返回对应步骤重新执行，绝不将就

**⚠️ Token限制处理原则：**

**🔑 最核心规则（必须严格遵守）：如果数据内容过大，或者token过长，则自动使用'继续'进行'分段'加载数据，绝对不能精简、偷工减料的节省token,严禁为了省token而跳过内容或使用摘要**

**当遇到 token 限制或上下文长度问题时，必须使用"继续"分页方式，绝对禁止：**
- ❌ 压缩或省略资源读取
- ❌ 跳过必读资源
- ❌ 简化执行步骤
- ❌ 减少生成内容
- ❌ 使用摘要代替完整内容
- ❌ 精简数据内容
- ❌ 偷工减料节省token

**正确处理方式：使用"继续"机制**
```
1. 在完成当前可执行的部分后
2. 明确说明："由于 token 限制，任务未完成，请输入'继续'以获取剩余部分"
3. 等待用户输入"继续"后
4. 继续执行剩余步骤
5. 重复直到任务完全完成
```

**分段加载原则：**
- ✅ **完整保留**：每段数据都必须100%保留，无遗漏、无压缩
- ✅ **分段清晰**：明确标注当前是第几段，共几段
- ✅ **连续执行**：每段完成后自动提示"继续"，等待用户确认
- ✅ **质量优先**：宁可多轮对话，不可降低质量
- ❌ **禁止精简**：绝对不能为了省token而精简数据内容
- ❌ **禁止偷工**：绝对不能为了省token而偷工减料

**关键规则：**
- ✅ **质量 > 速度**：宁可多轮对话，不可降低质量
- ✅ **完整 > 简化**：宁可分多次执行，不可压缩内容
- ✅ **标准 > 妥协**：宁可触发继续，不可偷工减料

---

## 📋 执行流程（7个子步骤）

```
步骤4.1：资源使用验证
  ↓
步骤4.2：内容完整性检查
  ↓
步骤4.3：JSON数据格式检查
  ↓
步骤4.4：HTML渲染功能检查
  ↓
步骤4.5：代码质量检查
  ↓
步骤4.6：功能验证
  ↓
步骤4.7：生成最终报告
```

---

## 步骤 4.1：资源使用验证

### 目标

验证步骤2和步骤3是否正确读取并使用了skill资源。

### 步骤2资源使用验证

#### 验证方法1：检查图表选择是否基于chart-selection-guide.md

```
□ 是否读取了 chart-selection-guide.md？
□ 是否识别了内容结构类型（9种类型之一）？
□ 是否根据决策树选择了对应的图表？
□ 是否记录了选择理由（关键词匹配）？

如果否 → 返回步骤2重新执行
```

#### 验证方法2：检查是否参考了图表示例文件

```
□ 是否读取了 CHART_EXAMPLES_INDEX.md？
□ 每个选择的图表是否都有对应的示例文件？
□ 是否从示例文件中复制了代码？
□ 图表类型与内容是否匹配？

如果否 → 返回步骤2重新执行
```

#### 验证方法3：检查是否阅读了观点可视化指南

```
□ 是否读取了 INSIGHT_VISUALIZATION_GUIDE.md？
□ 是否根据观点类型选择了可视化方式？
□ 是否避免了纯文本项目符号列表？

如果否 → 返回步骤2重新执行
```

### 步骤3资源使用验证

#### 验证方法1：检查是否基于最佳实践生成

```
□ 是否读取了 best-practices.md？
□ HTML结构是否符合语义化要求？
□ CSS是否遵循了设计原则