Generate Editable HTML Presentations1 skill
Create zero-dependency, animation-rich HTML decks with full in-browser editing from your content outline and style preference.
Content Blueprint
Generate Editable HTML Presentations in One File
archlizhengMay 2026
Create zero-dependency, animation-rich HTML presentations with a full browser editing runtime: drag/resize objects, manage slides, format text, save locally, and export.
Editable Presentation GenerationIn-Browser EditingPPT/PDF ConversionDesign Preset SystemPersistence & Export
Install Command
Run this command to deploy the blueprint to your environment.
What does this do
You need presentation decks that stay editable after generation so you can iterate post-review without rebuilding. Existing tools either lock you into PowerPoint/Figma or require builds and dependencies. You want a single HTML file that works anywhere, stays under your control, and lets your team refine layouts in the browser.
How It Works
You describe your presentation (purpose, length, content, style direction), and the skill generates a self-contained HTML deck with a built-in editor. Open the file in any browser, press 'E' to enter edit mode, and immediately drag objects, resize blocks, edit text, reorder slides, and save locally to localStorage. When done, export a clean HTML file with all edits baked in — no traces of the editing UI.
Included Skill Groups
Key Features
Zero-Dependency Single File
Entire presentation (HTML, CSS, JS, fonts, images) inlined into one file. No npm, no build step, no framework overhead. Works offline, stays portable for years.
Full In-Browser Editor
Press 'E' to toggle edit mode. Drag objects with alignment snaps, resize with corner/edge handles, multi-select with Ctrl+click, undo/redo with Ctrl+Z/Y, and inline text formatting (bold, italic, font, size).
46 Curated Design Presets
Hand-crafted visual styles (Bold Signal, Editorial Forest, Neon Cyber, Swiss Modern, etc.) with distinct typography, color palettes, and signature layouts. Pick by preview, not jargon.
Slide Management & Persistence
Thumbnail sidebar with reorder/duplicate/delete. Ctrl+S saves full deck state to localStorage. Export strips temporary editor UI and saves a production-ready HTML.
PPT & PDF Conversion
Convert PowerPoint or PDF to editable HTML with one command. Extracts text, images, and speaker notes; preserves content and assets; lets you redesign layout in chosen style.
Key Features
Zero-Dependency Single File
Entire presentation (HTML, CSS, JS, fonts, images) inlined into one file. No npm, no build step, no framework overhead. Works offline, stays portable for years.
Full In-Browser Editor
Press 'E' to toggle edit mode. Drag objects with alignment snaps, resize with corner/edge handles, multi-select with Ctrl+click, undo/redo with Ctrl+Z/Y, and inline text formatting (bold, italic, font, size).
46 Curated Design Presets
Hand-crafted visual styles (Bold Signal, Editorial Forest, Neon Cyber, Swiss Modern, etc.) with distinct typography, color palettes, and signature layouts. Pick by preview, not jargon.
Slide Management & Persistence
Thumbnail sidebar with reorder/duplicate/delete. Ctrl+S saves full deck state to localStorage. Export strips temporary editor UI and saves a production-ready HTML.
PPT & PDF Conversion
Convert PowerPoint or PDF to editable HTML with one command. Extracts text, images, and speaker notes; preserves content and assets; lets you redesign layout in chosen style.
Tools in this Blueprint
Node.js ≥14
Python (for PPT/PDF conversion)
python-pptx (PowerPoint extraction)
PyMuPDF (PDF extraction)
About This Blueprint
- License
- MIT
- Industry
- Technology
- Skills
- 1 skills total
You might also like
Product IntelligenceMarketingSales
AI + Monitoring what AI influencers and... Playbook
Stay ahead of AI developments with automated daily digests of what key thought leaders are discussing—surfacing emerging tools and model changes before they impact your roadmap.
BD
Ben D.
Sr Dir, AI Engineering
AI + B2B marketing teams produce generic,... Playbook
Transform generic B2B marketing copy into revenue-focused messages that emphasize commercial outcomes. This embedded copywriter enforces discipline across email, landing pages, and thought leadership
DM
Danielle M.
Marketing specialist
G2 Review Intelligence to SC Discovery Brief
Equip Solutions Consultants with data-backed discovery questions and post-call validation by matching prospect pain points to trending G2 reviews—turn generic call prep into targeted, insight-driven c
MR
Matt R.
VP, Solutions and Success