A Claude Code skill that makes slides that actually land with stakeholders.
Not pretty slides. Effective slides.
Most presentations fail for one reason: no visual hierarchy. Everything on screen looks the same importance. Bullet point 7 gets the same weight as the headline. The audience checks out in 30 seconds. Key messages get buried. Decisions stall.
This skill fixes that by forcing clarity first, then designing around it.
- Message first — Claude interviews you about your message and audience before touching design. "What decision do you need?" comes before "What color?"
- Show not tell — Generates a few visual directions so you can pick your favorite. No guessing what "minimalist" means.
- Visual hierarchy baked in — The important things look important. The rest stays quiet.
- Data storytelling — Animated metrics, comparison cards, numbers that actually hit.
- Zero dependencies — One HTML file. No npm, no build tools. Open it in a browser, done.
- Auto-fits any screen — Responsive, keyboard navigation, scroll and swipe support.
- PPTX conversion — Already have a deck? Convert it. Preserves images and content.
| Audience | Framework |
|---|---|
| Executives / C-suite | Pyramid Principle (BLUF) — answer first, evidence after |
| Peers / Team leads | Situation-Complication-Resolution |
| Clients / External | Problem-Solution-Proof |
| Mixed / General | Narrative Arc |
Copy presentation-builder.md into your Claude Code skills directory:
.claude/skills/presentation-builder.md
Then ask Claude to make a presentation. It'll take it from there.
Open showcase-presentation.html in your browser to see what the skill produces. This presentation was made by the skill, about the skill.
open showcase-presentation.html
Adapted from the original frontend-slides skill by @zarazhangrui. The original focused on beautiful web-based slides with animations and hover effects. This version restructures the approach around message clarity, visual hierarchy, and stakeholder communication — adding data storytelling, communication frameworks (Pyramid Principle, SCR, Problem-Solution-Proof), and a message distillation phase before any design happens.
MIT