keynote-slides

Create single-file Keynote-style HTML slide decks with brand tokens and Gemini-generated visuals.

20|3|Updated Jan 14, 2026
One-click install
npx skills add https://github.com/dbmcco/keynote-slides-skill --skill keynote-slides
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: keynote-slides
Source: https://github.com/dbmcco/keynote-slides-skill/tree/main/skills/keynote-slides
Command: npx skills add https://github.com/dbmcco/keynote-slides-skill --skill keynote-slides

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python3, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

The Keynote Slides Skill streamlines turning content into brand-ready, narrative-driven HTML decks, eliminating manual deck assembly and inconsistent visuals.

Core Features & Use Cases

  • Single-file Keynote-style HTML decks with brand tokens and themed layouts.
  • Gemini nano banana media generation for on-brand visuals integrated into slides.
  • Narrative Engine integration with 17 proven storytelling structures and a 5-agent review panel to guide framework choice and quality checks.
  • Deck bootstrap, branding updates, and slide editing workflow, plus local preview via a simple server.
  • Use cases include creating new decks, editing existing decks, transforming content into presentations, and generating slide visuals.

Quick Start

Use the keynote-slides skill to bootstrap a deck, preview, and generate visuals:

  • Create a deck: skills/keynote-slides/scripts/new-deck.sh my-pitch --entity northwind --title "Example Pitch"
  • Preview it locally: skills/keynote-slides/scripts/serve-decks.sh
  • Generate visuals: Open the deck in the browser, navigate to the generator panel, and press Generate (Gemini API key required).

Frequently Asked Questions about keynote-slides

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

FAQPage Schema
How do I generate brand-ready HTML slide decks automatically?

You can generate brand-ready HTML slide decks by using a template-driven workflow that applies brand tokens and Gemini-generated visuals to create single-file Keynote-style presentations. The process integrates a Narrative Engine framework and a five-agent review loop to ensure narrative consistency.

What is the Narrative Engine framework for presentations?

The Narrative Engine framework is a storytelling structure system integrated into the slide generation workflow. It provides 17 proven storytelling structures and uses a five-agent review panel to guide framework selection and perform quality checks for your pitches, briefs, and thought leadership content.

Do I need a Gemini API key to generate slide visuals?

Yes, you need a Gemini API key to generate slide visuals. After bootstrapping a deck locally and previewing it in your browser via the built-in server, you navigate to the generator panel and press Generate, which triggers the Gemini nano banana media generation for on-brand visuals.

Can I use Python and bash scripts to bootstrap a new presentation?

Yes, you can use local bash and Python scripts to bootstrap a new presentation. Running the new-deck script with parameters for the deck name, entity, and title creates the initial single-file HTML deck structure, which you can then preview locally using the serve-decks script.

Does this approach produce standalone HTML files or require a server to view?

The approach produces standalone single-file HTML decks that do not require a server to view. However, a built-in local server script is provided as an optional preview tool so you can review the presentation and access the visual generator panel in your browser before finalizing.

What is the best way to ensure branding consistency across a presentation?

The best way to ensure branding consistency is using a system that applies centralized brand tokens across themed layouts. This skill automates brand token management during deck bootstrapping and updates, pairing it with a five-agent review loop to verify that all slides meet brand standards.