beauty-step4

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

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

## 目标 / Goal

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

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

## ⚠️ 核心原则 / Core Principles

**实行一票否决制 / Implement One-Vote Veto System:**
- **内容完整性检验 / Content Integrity Check**：必须100%保留原文所有章节、数据、结论，零遗漏
  MUST preserve 100% of all original chapters, data, conclusions, zero omissions
  
- **代码质量检验 / Code Quality Check**：必须符合HTML最佳实践，可访问可运行
  MUST follow HTML best practices, be accessible and runnable
  
- **资源使用检验 / Resource Usage Check**：必须验证步骤2和步骤3是否正确读取并使用了skill资源
  MUST verify Steps 2 & 3 correctly read and used skill resources
  
- **发现问题立即回退 / Rollback Immediately on Issues**：返回对应步骤重新执行，绝不将就
  Return to corresponding step and re-execute, never compromise

---

## 📋 执行流程（5个子步骤）/ Execution Workflow (5 Sub-steps)

```
步骤4.1：资源使用验证 / Step 4.1: Resource usage verification
  ↓
步骤4.2：内容完整性检查 / Step 4.2: Content integrity check
  ↓
步骤4.3：代码质量检查 / Step 4.3: Code quality check
  ↓
步骤4.4：功能验证 / Step 4.4: Functionality verification
  ↓
步骤4.5：生成最终报告 / Step 4.5: Generate final report
```

---

## 步骤 4.1：资源使用验证 / Step 4.1: Resource Usage Verification

### 目标 / Goal

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

Verify that Steps 2 & 3 correctly read and used skill resources.

### 步骤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是否遵循了设计原则？
□ 是否保持了内容完整性（不总结、不篡改）？

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

#### 验证方法2：检查是