/html-ppt-retro-quarterly-review

name: html-ppt-retro-quarterly-review
description: |
  Retro Quarterly Review presentation template in a bold blue + orange editorial
  language. Use when users ask for a high-impact quarterly review / roadmap deck
  with heavyweight slab headlines, clean cream paper sections, structured grids,
  and fast premium motion pacing (3 slides, each hold under 3s in video mode).
triggers:
  - "retro quarterly review"
  - "quarterly review template"
  - "roadmap slide style"
  - "blue orange presentation"
  - "vintage business deck"
  - "季度复盘复古风"
  - "蓝橙复古汇报模板"
od:
  mode: template
  surface: video
  type: hyperframes
  platform: desktop
  preview:
    type: html
    entry: index.html
    reload: debounce-100
  outputs:
    primary: index.html
    secondary:
      - template.html
      - example.html
  capabilities_required:
    - file_write

Retro Quarterly Review Template

A high-contrast, print-inspired quarterly review template with three cinematic slides:

1. Cover (hero title lockup) 2. Three priorities (triptych grid) 3. Roadmap timeline + KPI strip

Resource map

html-ppt-retro-quarterly-review/
├── SKILL.md
├── assets/
│   └── template.html
├── references/
│   └── checklist.md
└── example.html

Workflow

1. Read active `DESIGN.md` first and map any requested token changes into CSS variables while preserving the retro blue/orange/cream visual grammar. 2. Start from `assets/template.html`; do not rebuild from scratch. 3. Preserve the three-slide information architecture and typographic hierarchy. 4. Keep interactions and motion quality:

• keyboard `1/2/3` quick jump
• `R` restart
• page indicator updates per scene
• premium wipe transitions and staggered reveals

5. Keep output self-contained (single HTML, inline CSS + JS, no framework runtime). 6. If adapting copy/data, keep content realistic and internally consistent. 7. Validate against `references/checklist.md` before emitting artifact.

Output contract

Emit one short orientation sentence and then the artifact:

<artifact identifier="retro-quarterly-review" type="text/html" title="Retro Quarterly Review">
<!doctype html>
<html>...</html>
</artifact>