Skip to content

30XCOMPANY/executive-slides

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 

Repository files navigation

executive-slides

Build persuasive, visually stunning HTML slide decks that look like they were made by a senior design director — not an AI.

An Agent Skill for Claude Code, Cursor, Windsurf, Cline, Gemini CLI, and 40+ other AI agents.

Install

npx skills add 30XCOMPANY/executive-slides

What It Does

Guides your AI agent through a 6-phase pipeline to produce complete, production-quality HTML presentations with PDF export:

1. STORY    → Narrative arc, emotional journey, persuasion structure
2. SLIDES   → Information architecture, one idea per slide
3. DESIGN   → Editorial HTML/CSS, typography, color, layout
4. IMAGES   → Source, download locally, integrate
5. SCRIPT   → Conversational speaker notes, timed to duration
6. EXPORT   → Vector PDF at 16:9 via Playwright

When It Activates

  • User asks for a presentation, pitch deck, or keynote
  • User needs slides for a talk, class, or meeting
  • Trigger words: slides, presentation, deck, pitch, keynote

Key Principles

  • Story beats information — walk through scenarios, not abstract concepts
  • Visualize, don't describe — file trees and diagrams over paragraphs
  • Interactive beats static — clickable step panels for technical content
  • The AI Slop Test — no dark mode + neon, no glassmorphism, no gradient text, no #000/#fff

Skill Structure

executive-slides/
├── SKILL.md                         # Skill definition (loaded by agents)
├── README.md                        # This file
├── LICENSE                          # MIT
└── reference/                       # Deep reference docs (loaded on demand)
    ├── design-foundations.md         # Typography, color theory, spatial design
    ├── image-strategy.md            # Image sourcing, sizing, failure recovery
    ├── interactive-slides.md        # Clickable panels, terminal sims, file trees
    ├── narrative-arc.md             # Emotional arcs, persuasion techniques, scripts
    ├── pdf-export.md                # Playwright PDF pipeline
    └── slide-design.md              # Slide types, CSS architecture, layout variants

Output

A single self-contained HTML file with:

  • 1920x1080 slides with editorial design quality
  • Embedded speaker notes (hidden in presentation mode)
  • Local images in images/ subfolder
  • Exportable to vector PDF via Playwright

Requirements

  • Playwright — for PDF export (npx playwright install chromium)
  • No other dependencies. The skill is fully self-contained.

Compatibility

Works with any agent that supports the Agent Skills specification:

  • Claude Code
  • Cursor
  • Windsurf
  • Cline
  • Gemini CLI
  • GitHub Copilot
  • OpenAI Codex
  • And 30+ more

License

MIT

About

Agent Skill: Build persuasive HTML slide decks with editorial design quality. Works with Claude Code, Cursor, Windsurf, and 40+ AI agents.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors