html-ppt-retro-quarterly-review

Generate high-impact quarterly review presentations using a retro-styled HTML and CSS template.

93.2k|10.8k|Updated Apr 28, 2026

Search Tags:#template #CSS #HTML #presentation #retro #GSAP #quarterly-review

One-click install

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

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: html-ppt-retro-quarterly-review
Source: https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-retro-quarterly-review
Command: npx skills add https://github.com/nexu-io/open-design --skill html-ppt-retro-quarterly-review

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires gsap, and includes assets (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the need for high-impact, visually distinct presentation decks that break away from standard slide software, providing a structured, cinematic format for quarterly business reviews.

Core Features & Use Cases

Cinematic Presentation Template: Provides a three-slide structure (Cover, Priorities, Roadmap) with a bold blue, orange, and cream editorial aesthetic.
Interactive Motion: Includes premium wipe transitions, staggered reveals, and keyboard-based navigation for a polished, app-like experience.
Use Case: Use this template to present a quarterly roadmap or strategic review to stakeholders, ensuring a high-contrast, professional, and memorable visual delivery.

Quick Start

Generate a retro quarterly review presentation based on the current project roadmap and key performance indicators.

Frequently Asked Questions about html-ppt-retro-quarterly-review

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I customize the content in the retro presentation?▼

Modify the text and data within the HTML structure of the generated artifact. You can update the CSS variables in the style block to adjust the color palette while maintaining the retro visual grammar.

Can I add more slides to the presentation?▼

The template is architected for a specific three-slide flow. Adding more slides requires extending the GSAP timeline and adding new section elements to the HTML structure.

Does the presentation require external frameworks?▼

The output is designed to be self-contained, using only a CDN-linked GSAP library for animations. No heavy framework runtimes are required for the presentation to function.

How do I navigate the slides during a presentation?▼

Use the keyboard keys '1', '2', and '3' to jump to specific slides, or press 'R' to restart the presentation from the beginning.