Create Stunning Web Presentations Without Design Skills8 skills
Generate beautiful, animation-rich HTML presentations from scratch or convert existing PowerPoint files using visual style discovery and AI guidance.
Content Blueprint
Create Stunning Web Presentations Without Design Skills
zarazhangruiMay 2026
AI-powered skill for building beautiful, animation-rich HTML presentations from scratch or converting PowerPoint files.
Visual Presentation CreationStyle DiscoveryPowerPoint ConversionInstant Sharing
Install Command
Run this command to deploy the blueprint to your environment.
What does this do
Most people can't create professional presentations because they either lack design skills or don't want to learn CSS and JavaScript. PowerPoint presentations are trapped in desktop formats and hard to share on mobile. You need a tool that shows you visual options instead of asking you to describe design preferences in abstract words.
How It Works
You invoke the skill and describe your content or upload a PowerPoint file. The skill shows you 3 distinct visual style previews to choose from — no need to articulate design preferences. After you pick a style, it generates a complete, self-contained HTML file with inline CSS and animations. You can edit it in the browser, deploy it to a live URL with one command, or export it as PDF.
Included Skill Groups
Key Features
Visual Style Discovery
See 3 distinct design previews and pick your favorite — no need to describe preferences in words. Includes 12 curated themes (Dark Botanical, Neon Cyber, Swiss Modern, etc.) avoiding generic AI aesthetics.
Zero Dependencies
Every presentation is a single HTML file with inline CSS and JavaScript. No npm, no build tools, no frameworks. Works offline and will work in 10 years.
PowerPoint Conversion
Upload a .pptx file and the skill extracts all text, images, and content structure. Then you style it and generate a web version with all assets preserved.
Instant Sharing
Deploy to a live URL with one command (works on phones, tablets, laptops) or export as PDF for email/Slack. No setup required beyond signing into Vercel (free).
Responsive & Accessible
Every presentation uses viewport-relative sizing (clamp), responsive breakpoints, reduced-motion support, and semantic HTML. Slides fit 100vh with no scrolling.
Key Features
Visual Style Discovery
See 3 distinct design previews and pick your favorite — no need to describe preferences in words. Includes 12 curated themes (Dark Botanical, Neon Cyber, Swiss Modern, etc.) avoiding generic AI aesthetics.
Zero Dependencies
Every presentation is a single HTML file with inline CSS and JavaScript. No npm, no build tools, no frameworks. Works offline and will work in 10 years.
PowerPoint Conversion
Upload a .pptx file and the skill extracts all text, images, and content structure. Then you style it and generate a web version with all assets preserved.
Instant Sharing
Deploy to a live URL with one command (works on phones, tablets, laptops) or export as PDF for email/Slack. No setup required beyond signing into Vercel (free).
Responsive & Accessible
Every presentation uses viewport-relative sizing (clamp), responsive breakpoints, reduced-motion support, and semantic HTML. Slides fit 100vh with no scrolling.
Tools in this Blueprint
About This Blueprint
- License
- MIT
- Industry
- Technology
- Skills
- 0 workflows, 0 sub-skills, 1 standalone