@nexu-io/html-ppt-retro-quarterly-review

HTML PPT Studio — author professional static HTML presentations in many styles, layouts, and animations, all driven by templates. Use when the user asks for a presentation, PPT, slides, keynote, deck, slideshow, "幻灯片", "演讲稿", "做一份 PPT", "做一份 slides", a reveal-style HTML deck, a 小红书 图文, or any kind of multi-slide pitch/report/sharing document that should look tasteful and be usable with keyboard navigation. Triggers include keywords like "presentation", "ppt", "slides", "deck", "keynote", "reveal", "slideshow", "幻灯片", "演讲稿", "分享稿", "小红书图文", "talk slides", "pitch deck", "tech sharing", "technical presentation".

View in AI SkillSafe app
1 scan finding
0 downloads
0 stars
0 demos
SKILL.md
namehtml-ppt-retro-quarterly-review
description|
triggersretro quarterly review, quarterly review template, roadmap slide style, blue orange presentation, vintage business deck, 季度复盘复古风, 蓝橙复古汇报模板
odtemplate.html, example.html

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>

Embed badges

Add these to your README to show the skill's verification status.

SkillSafe verified badge
Verified badge
[![SkillSafe verified badge](https://api.skillsafe.ai/v1/badge/@nexu-io/html-ppt-retro-quarterly-review/verified)](https://skillsafe.ai/skill/@nexu-io/html-ppt-retro-quarterly-review/)
Installs badge
Installs badge
[![Installs badge](https://api.skillsafe.ai/v1/badge/@nexu-io/html-ppt-retro-quarterly-review/installs)](https://skillsafe.ai/skill/@nexu-io/html-ppt-retro-quarterly-review/)
Scan badge
Scan badge
[![Scan badge](https://api.skillsafe.ai/v1/badge/@nexu-io/html-ppt-retro-quarterly-review/scan)](https://skillsafe.ai/skill/@nexu-io/html-ppt-retro-quarterly-review/)
Eval pass rate badge
Eval pass rate
[![Eval pass rate badge](https://api.skillsafe.ai/v1/badge/@nexu-io/html-ppt-retro-quarterly-review/eval)](https://skillsafe.ai/skill/@nexu-io/html-ppt-retro-quarterly-review/)