
Ppt As Code
Build HTML presentations with a creator-first workflow and optional PPTX export
What You Can Do
You can create professional presentations in multiple modes—from quick lightweight prototypes to fully referenced decks with visualization planning. The skill guides you through a serial pipeline that normalizes source material, detects your input mode (quick, basic, or advanced), compiles your deck structure, and produces either self-contained HTML or exportable PPTX formats. You maintain control at each gate with clear confirmation points before advancing to the next phase.
Features
Lightweight prototype presentations for rapid ideation and immediate sharing
Deck planning with integrated script writing and image flow sequencing
Reference-driven decks with visualization planning, motion options, and PPTX export
Optional Slidev-inspired `deck.md` draft layer for natural deck composition
Automatic processing and standardization of reference documents
Chart and diagram layout planning before HTML compilation
Convert finalized HTML presentations to PowerPoint format for stakeholder delivery
Optional visual editing environment for real-time presentation refinement
Example Output
Quick Mode Output:
<html>
<head><title>Q3 Roadmap</title></head>
<body>
<section><h1>Q3 Product Roadmap</h1></section>
<section><h2>Key Initiatives</h2><ul><li>Mobile app launch</li><li>API v2 release</li></ul></section>
</body>
</html>
Basic Mode with Script:
- Slide 1: Title + Speaker notes (125 words)
- Slide 2: Image placeholder + talking points
- Slide 3: Chart reference + visualization notes
Advanced Mode Output:
- Compiled
deck_source.jsonwith all references mapped - Motion keyframes for emphasis sequences
- PPTX export file ready for executive distribution
- QA checklist confirming all gaps resolved
What's Included
- SKILL.md: Complete instruction file with serial pipeline rules and execution gates
- Quick Mode Template: Minimal HTML structure for rapid prototypes
- Basic Mode Worksheet: Deck planning canvas with script + image flow sections
- Advanced Mode Checklist: Reference verification, visualization planning, and QA gates
- deck.md DSL Reference: Markdown syntax for draft-layer composition
Who It's For
- Product Managers — Creating quarterly roadmap presentations with source material references
- Design Leaders — Building design system and pattern library presentations with visualization planning
- Business Analysts — Developing stakeholder decks from research documents and data sources
- Content Strategists — Planning narrative-driven presentations with integrated scripts and media flows
- Startup Founders — Rapidly iterating pitch decks with optional export to PowerPoint for investor meetings
Best For
- Staged presentation development from concept to final delivery
- Decks requiring integrated speaker notes and visualization planning
- Reference-driven presentations built from multiple source documents
- Teams needing both HTML prototypes and PPTX handoffs for different audiences
- Markdown-first presentation composition with compilation to multiple formats







