What is the Narrative Engine in the Keynote Slides skill?

The Narrative Engine is a framework-driven content creator that helps you structure your deck using 17 proven storytelling patterns, ensuring your presentation follows a logical and persuasive flow.

How does the AI media generation work?

The skill integrates with Gemini models to generate on-brand images and videos based on slide prompts, and it can also search stock photo sources like Unsplash and Pexels.

Is it possible to collaborate with others on these decks?

Absolutely. The skill features a Review Mode that allows users to leave comments on specific elements, which can then be exported as JSON or Markdown for team iteration.

Can I export these HTML slides to PDF?

Yes, the skill includes a dedicated PDF export script using Node.js and print-ready CSS styles to ensure high-quality pagination and graphics rendering.

Do I need a specific design tool to edit the slides?

No, slides are edited directly as HTML or through a built-in Copy Editor interface, allowing you to manage content without complex design software.

Keynote HTML Slides

Name: Keynote HTML Slides
Author: dbmcco

bydbmcco

•

디자인 도구

Builds professional, single-file HTML slide decks using brand-aware templates, AI-driven storytelling frameworks, and automated media generation.

Keynote HTML Slides is a comprehensive framework for creating high-fidelity presentations directly within your development environment. It combines a robust HTML/CSS slide engine with a specialized Narrative Engine featuring 17 proven storytelling structures and an AI-powered media generation workflow. Whether you are transforming technical documentation into a pitch or building a brand-aligned product roadmap, this skill provides the templates, layout classes, and multi-agent review tools needed to produce production-grade decks. It bridges the gap between raw data and visual storytelling by automating media acquisition and providing a collaborative feedback system.

주요 기능

01Integrated Gemini media generation for creating on-brand images and video assets directly in-slide.

02Single-file HTML template with brand token support for consistent typography and styling.

03Narrative Engine with 17 storytelling structures and a 5-agent review panel for content optimization.

04Collaborative review mode featuring element-specific commenting, badges, and feedback tracking.

05Flexible export options including automated PDF generation and markdown-based speaker notes.

066 GitHub stars

사용 사례

01Transforming technical briefs or PMF findings into professional, investor-ready pitch decks.

02Generating brand-aligned internal presentations with AI-assisted visuals and micro-animations.

03Collaborating on slide content and layout using an integrated review system and live preview.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add dbmcco/keynote-slides-skill keynote-slides

For use in Claude.ai and ChatGPT

주요 기능

01Integrated Gemini media generation for creating on-brand images and video assets directly in-slide.

02Single-file HTML template with brand token support for consistent typography and styling.

03Narrative Engine with 17 storytelling structures and a 5-agent review panel for content optimization.

04Collaborative review mode featuring element-specific commenting, badges, and feedback tracking.

05Flexible export options including automated PDF generation and markdown-based speaker notes.

066 GitHub stars

사용 사례

01Transforming technical briefs or PMF findings into professional, investor-ready pitch decks.

02Generating brand-aligned internal presentations with AI-assisted visuals and micro-animations.

03Collaborating on slide content and layout using an integrated review system and live preview.