Run any Skill in Manus with one click

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, each hold under 3s in video mode).

Run Skill in Manus

Overview

Install command

npx skills add https://github.com/nexu-io/open-design --skill html-ppt-retro-quarterly-review

Copy and paste this command into Claude Code to install the skill

Source

nexu-io/open-design

Stars58,088

Forks6,562

UpdatedMay 9, 2026 at 10:09

File Explorer

4 files

SKILL.md

readonly

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:

Cover (hero title lockup)
Three priorities (triptych grid)
Roadmap timeline + KPI strip

Resource map

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

Workflow

Read active DESIGN.md first and map any requested token changes into CSS variables while preserving the retro blue/orange/cream visual grammar.
Start from assets/template.html; do not rebuild from scratch.
Preserve the three-slide information architecture and typographic hierarchy.
Keep interactions and motion quality:
- keyboard 1/2/3 quick jump
- R restart
- page indicator updates per scene
- premium wipe transitions and staggered reveals
Keep output self-contained (single HTML, inline CSS + JS, no framework runtime).
If adapting copy/data, keep content realistic and internally consistent.
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>

More from this repository

same repository

agent-browser

nexu-io/open-design

Browser automation CLI for AI agents. Use when the user needs to inspect, test, or automate browser behavior: navigating pages, filling forms, clicking buttons, taking screenshots, extracting page data, reading selected Open Design browser-tab context, testing web apps, dogfooding Open Design previews, QA, bug hunts, or reviewing app quality. Prefer local Open Design preview URLs unless the user explicitly asks for external browsing.

2026-06-0358.1k

creative-director

nexu-io/open-design

AI creative director with recursive self-assessment: 20+ methodologies (SIT, TRIZ, Bisociation, SCAMPER, Synectics), 3-axis evaluation calibrated against Cannes/D&AD/HumanKind, 5-phase process from brief to presentation.

2026-06-0358.1k

emilkowalski-motion

nexu-io/open-design

Motion-design follow-up skill inspired by Emil Kowalski's animation guidance. Use after an interface exists to add tasteful micro-interactions, state transitions, and page motion with product-grade restraint.

2026-06-0358.1k

impeccable-design-polish

nexu-io/open-design

Follow-up design polish skill inspired by Impeccable. Use after a web or HTML artifact exists to audit, critique, polish, animate, harden, and prepare the page for a live/share pass.

2026-06-0358.1k

html-ppt

nexu-io/open-design

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".

2026-06-0258.1k

social-media-dashboard

nexu-io/open-design

Creator-facing social media analytics dashboard in a single HTML file. A platform switcher (X / LinkedIn / YouTube / Instagram), a row of KPI cards (followers, engagement rate, likes, reposts), a follower-growth chart, a "top post this week" preview, and a trending topics / top comments side panel. Use when the brief mentions a "social media dashboard", "creator analytics", "social analytics", or names specific platforms (X, Twitter, LinkedIn, YouTube, Instagram, TikTok) together with metrics like followers, engagement, likes, reposts.

2026-06-0258.1k

Source

nexu-io

nexu-io/open-design

View GitHub Repository View Creator Repositories

Install command

Download

Run Skill in Manus

Useful forSOC

Web DevelopersComputer and Mathematical Occupations15-1254L4

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:

Cover (hero title lockup)
Three priorities (triptych grid)
Roadmap timeline + KPI strip

Resource map

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

Workflow

Read active DESIGN.md first and map any requested token changes into CSS variables while preserving the retro blue/orange/cream visual grammar.
Start from assets/template.html; do not rebuild from scratch.
Preserve the three-slide information architecture and typographic hierarchy.
Keep interactions and motion quality:
- keyboard 1/2/3 quick jump
- R restart
- page indicator updates per scene
- premium wipe transitions and staggered reveals
Keep output self-contained (single HTML, inline CSS + JS, no framework runtime).
If adapting copy/data, keep content realistic and internally consistent.
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>