web-slides-generator

Generate animated single-file HTML presentation slides with CSS themes and keyboard navigation.

39|14|Updated Mar 14, 2026
One-click install
npx skills add https://github.com/doable-me/Doable --skill web-slides-generator-doable-me
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-slides-generator
Source: https://github.com/doable-me/Doable/tree/main/mcp-servers/presentation-builder/skills/web-slides
Command: npx skills add https://github.com/doable-me/Doable --skill web-slides-generator-doable-me

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Creating presentation decks usually requires PowerPoint or slide software, and the results are hard to share or customize. This Skill produces a complete, self-contained HTML presentation that runs in any browser with animations, transitions, and navigation built in. ## Core Features & Use Cases - Single-File HTML Output: Generates one self-contained HTML artifact with inline CSS and JavaScript, requiring no external dependencies beyond Google Fonts. - Topic-Adaptive Theming: Dynamically selects color palettes, Google Font pairings, and visual effects matched to the specific subject rather than generic templates. - Rich Animation System: Includes slide transitions, staggered element reveals, count-up stats, typewriter effects, and keyboard/click/swipe navigation with a progress bar. - Use Case: Ask for a 10-slide pitch deck on your startup, and receive a browser-rendered deck with a venture-styled theme, animated stat slides, card grids, and a closing call-to-action slide. ## Quick Start Ask the AI to create a presentation on your chosen topic, for example: make me 10 slides about renewable energy trends for an executive audience.

Frequently Asked Questions about web-slides-generator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create presentation slides as an HTML file?▼

Request slides on any topic and the Skill generates a single self-contained HTML file with inline CSS and JavaScript. Open it in any browser and navigate with arrow keys, clicks, or swipe gestures.

Can this generate a PowerPoint or pptx file?▼

No, the output is always a self-contained HTML artifact rendered in the browser, never a .pptx or PDF file. It uses CSS animations, transitions, and keyboard navigation instead of desktop slide software.

How are colors and fonts chosen for each presentation?▼

Themes are generated dynamically per request based on the topic's contextual identity, such as brand colors or subject associations, rather than fixed templates. Google Font pairings are selected to match the subject's personality.

Does the HTML presentation work offline?▼

The file works offline after Google Fonts load, since all CSS and JavaScript are inline with no other external CDN dependencies. Without internet, it falls back to system fonts.

What navigation options does the slide deck support?▼

Decks support left and right arrow keys, spacebar to advance, clicking the left or right half of the screen, and optional touch swipe gestures on mobile. A progress bar and slide counter track position.

How many slides does a generated deck contain?▼

The default is 8 to 12 slides following a narrative arc from title slide through takeaways and closing. You can specify a different count, and the structure adapts to fit the topic.