Auto-invokedSkill
od-contribute
One-click contribution flow for OpenDesign (nexu-io/open-design) — even for non-coders. Pick one of four cards (ship a Skill or Design System you made with OD;…
@nexu-ioView Skill/html-ppt-retro-quarterly-review
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,
Install
$ npx -y skills add nexu-io/open-design --skill html-ppt-retro-quarterly-review --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
- You can call itInvoke it directly when you want it.
- Slash command
/html-ppt-retro-quarterly-review
Context preview
The summary Claude sees to decide when to auto-load this skill.
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,
SKILL.md
html-ppt-retro-quarterly-review.SKILL.mdname: 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_writeRetro 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>
Read more
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_writeRetro 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>
Ships withopen-design
🎨 Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / DeepSeek Harness / OpenCode & 20+ CLIs via BYOK.
Get the whole plugin, auto-invoked
Stats
95,466
Stars
11,063
Forks
Active
Maintenance
TypeScript
Language
Apache-2.0
License
4d ago
Last commit
4mo ago
Created
Repo: nexu-io/open-design
Other skills on open-design.
@nexu-ioView SkillAuto-invokedSkill
8-bit-orbit-video-temp…
Hyperframes-based video template for retro pixel deck motion design. Use when users want a high-fidelity, multi-scene HTML-to-video composition with advanced…
@nexu-ioView SkillAuto-invokedSkill
ad-creative
Generate and iterate ad creative including headlines, descriptions, and primary text. Useful for paid social and search ad iteration.
@nexu-ioView SkillAuto-invokedSkill
after-hours-editorial-…
Luxury dark-editorial HyperFrames template for three-page cinematic storyboards, inspired by haute couture title cards and magazine chapter spreads. Use when…
@nexu-ioView SkillAuto-invokedSkill
agent-browser
Browser automation CLI for AI agents. Use when the user needs to inspect, test, or automate browser behavior: navigating pages, filling forms, clicking…
@nexu-ioView SkillAuto-invokedSkill
ai-music-album
Full-lifecycle AI music album production — concept, lyric drafting, track sequencing, and export. Useful for indie album experiments and brand soundtracks.
@nexu-ioView Skill