定义 presentation/index.html 的幻灯片结构规范（内部 Skill）。
| Level | 含义 |
|---|---|
| 0 | 封面 / 过渡页 |
| 1 | 一级内容页 |
| 2 | 二级详情页 |
| 3 | 深度说明页 |
修改必须通过
presentation-curatoragent。
---
name: presentation-structure
description: Structure and layout of presentation/index.html — slide format, data-level system, section ranges, numbering rules. Use when modifying or understanding the presentation's slide organization.
user-invocable: false
---
# Presentation Structure Skill
The presentation at `presentation/index.html` is a single-file HTML document with inline CSS and JavaScript. Slides are structured as divs with `data-slide` attributes containing sequential numbers, and optional `data-level` attributes that mark journey transitions.
## Key Components
**Slide Types:**
- Regular slides inherit their level from the previous transition
- Section dividers use the `section-slide` class and can set new levels
- The title slide is centered and hides the journey bar
**Level System:**
The presentation employs a 4-tier progression model. Levels are set via `data-level` attribute on key transition slides and correspond to bar fill heights: Low (25%), Medium (50%), High (75%), and Pro (100%).
**Navigation:**
The `goToSlide(n)` function enables navigation via table of contents. The system auto-computes total slides from the DOM, so manual updates aren't necessary after renumbering.
**Maintenance:**
After modifying slides, all `data-slide` attributes must be renumbered sequentially, and corresponding `goToSlide()` calls updated accordingly. Level badges are JS-injected at runtime—they shouldn't be hardcoded in the HTML.
## Level Transitions (Main Presentation)
| Slide | Section | data-level | Bar Height |
|-------|---------|------------|------------|
| 10 | Better Prompting | `low` | 25% |
| 18 | Project Memory | `medium` | 50% |
| 29 | Domain Knowledge | `high` | 75% |
| 34 | Agentic Engineering | `high` | 75% |
The main presentation caps at **High** — `data-level="pro"` is never used. The Pro tick on the journey bar is a visual scale reference only.
## Section Structure
| Part | Slides | Topic | Level |
|------|--------|-------|-------|
| 0 | 1–4 | Introduction + TodoApp | (none) |
| 1 | 5–9 | Prerequisites | (none) |
| 2 | 10–17 | Better Prompting | Low |
| 3 | 18–24 | Project Memory | Medium |
| 4 | 25–28 | Structured Workflows | Medium |
| 5 | 29–33 | Domain Knowledge | High |
| 6 | 34–46 | Agentic Engineering | High |
| — | 47+ | Appendix | (none) |
## Critical Rules
- All `data-slide` attributes must be sequential after any add/remove/reorder
- Do NOT hardcode `.level-badge` or `.weight-badge` in slide HTML — JS injects them
- `goToSlide()` calls in the TOC must match actual slide numbers after renumbering