Build HTML Presentations With Visual Style Preview1 skill
A skill that generates beautiful single-file HTML presentations with your content and choice of 47 curated design templates.
Content Blueprint
Build Beautiful HTML Presentations Without Design Skills
zarazhangruiMay 2026
A Claude Code plugin and skill for creating web presentations from scratch or converting PowerPoint files with visual style discovery.
Presentation DesignHTML GenerationStyle DiscoveryPowerPoint ConversionPDF Export
Install Command
Run this command to deploy the blueprint to your environment.
What problem does this solve?
Generates stunning HTML presentations by showing you design options instead of asking you to describe aesthetic preferences. It handles both new presentations from your content and conversions of existing PowerPoint files, with production-quality output and 47 curated design templates that avoid generic AI aesthetics.
How does it work?
Once installed as a Claude Code plugin or standalone skill, you invoke it with your presentation brief or PowerPoint file. The skill generates three visual style previews and lets you pick the direction. It then creates a complete single-file HTML presentation with your content, chosen design, animations, and production-ready code. You can deploy to a live URL via Vercel or export as PDF.
Included Skill Groups
What's the biggest win?
Beautiful, custom-looking presentations built in minutes instead of hours spent describing design preferences or learning CSS.
What should I know technically?
Requires a local coding agent with filesystem and shell access. Claude Code is only needed for the custom marketplace-source install command. PPT conversion uses the python-pptx library to extract content. PDF export uses Playwright for automated screenshot capture at 1920x1080 resolution and installs automatically if missing. URL deployment uses Vercel's CLI and installs automatically if needed.
What should I watch out for?
PDF export is a static snapshot; animations do not render in the PDF. PPT conversion requires Python with the python-pptx library. URL deployment requires Node.js and a free Vercel account. Some coding agents do not support the Claude Code marketplace-source install flow.
Key Features
Visual Style Discovery
Browse three design previews and pick the look you want instead of describing aesthetic preferences.
47 Curated Designs
12 core presets plus 34 optional bold templates in the beautiful-html-templates pack. No generic purple gradients.
PowerPoint Conversion
Extract all text, images, and notes from existing PPT files and rebuild them as web presentations.
Zero Dependencies
Single self-contained HTML files with inline CSS and JavaScript. No npm, frameworks, or build tools required.
Deploy and Export
Share via live Vercel URL or export to PDF with automatic multi-slide screenshots.
Tools in this Blueprint
About This Blueprint
- License
- MIT
- Industry
- Technology
- Skills
- 0 workflows, 0 sub-skills, 1 standalone