ai-create-slide-deck-variants

Copy predefined HTML slide deck templates into target file paths.

Updated May 17, 2026

Search Tags:#html #presentation design #slide deck #reveal.js #template selection #webslides #strategy pitching

Ready to run

npx skills add https://github.com/bennoloeffler/claude-code-personal-agent-plugins-skills --skill ai-create-slide-deck-variants

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ai-create-slide-deck-variants
Source: https://github.com/bennoloeffler/claude-code-personal-agent-plugins-skills/tree/main/skills/ai-create-slide-deck-variants
Command: npx skills add https://github.com/bennoloeffler/claude-code-personal-agent-plugins-skills --skill ai-create-slide-deck-variants

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

You waste time building slide decks from scratch when you already know the look-and-feel you want, so this Skill removes the repetitive HTML/CSS setup and gives you a ready-to-open single-file deck template.

Core Features & Use Cases

Instant single-file deck templates (Reveal.js + WebSlides): Choose from 10 predefined aesthetics and copy the corresponding ready HTML file into your project.
Variant selection & heuristic recommendation: List variants, recommend the best match based on a short description, or show variant details before copying.
No build step, no npm, no API key: Run a Node-based wrapper, copy the template, then edit your content and open locally.

Use case example: You need three different strategy pitch looks for the same narrative; pick three variants (e.g., cinematic dark, editorial, minimal) and reuse the same content across the decks.

Quick Start

Run the variant picker to copy an available template into your project, for example by selecting variant 06 and writing it to my-deck.html.

Frequently Asked Questions about ai-create-slide-deck-variants

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

FAQPage Schema

How do I create an HTML presentation without writing CSS from scratch?▼

To create an HTML presentation without manual coding, this Skill copies a predefined single-file Reveal.js or WebSlides template directly into your project, giving you a ready-to-edit deck structure instantly.

Can I generate multiple pitch deck variants for the same strategy narrative?▼

Yes, you can generate multiple pitch deck variants for the same strategy narrative by selecting different predefined aesthetics, such as cinematic dark or editorial, and copying them into separate target files.

Do I need npm or API keys to use Reveal.js templates for slide decks?▼

No, you do not need npm or API keys to use these Reveal.js templates. The Skill relies on a Node-based wrapper and CDN-based assets, requiring no build step to copy and open the slide decks locally.

What is the best way to choose an HTML slide deck aesthetic for a presentation?▼

The best way to choose an HTML slide deck aesthetic is to use the Skill's variant selection feature, which recommends the best template match based on a short description or shows variant details before copying.

Does this HTML slide deck generator work on older Node.js versions?▼

No, this HTML slide deck generator does not work on older Node.js versions. Templating is strictly restricted to Node.js version 18 or higher and requires the skill's installed gate to function properly.