slides-design

Automate HTML slide deck creation with design tokens and Chart.js visualizations.

2|Updated Jan 9, 2026
One-click install
npx skills add https://github.com/NammDev/Goads-Krea --skill slides-design-nammdev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: slides-design
Source: https://github.com/NammDev/Goads-Krea/tree/main/.claude/skills/slides-design
Command: npx skills add https://github.com/NammDev/Goads-Krea --skill slides-design-nammdev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Creating impactful, on-brand HTML slide decks by hand is time-consuming and error-prone. This Skill automates the assembly of strategy-driven presentations using design tokens and Chart.js.

Core Features & Use Cases

  • Inline design tokens embedded for file:// compatibility and consistent styling.
  • Chart.js powered data visuals plus a contextual decision system for layout decisions.
  • Use cases include investor pitches, sales decks, product demos, QBRs, and conference talks; supports 15 deck strategies and 25 layouts.

Quick Start

Generate a 10-slide investor pitch deck that demonstrates your product value and key metrics.

Frequently Asked Questions about slides-design

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

FAQPage Schema
How do I create HTML presentation slides with design tokens?

You can create HTML presentation slides by using a system that embeds inline design tokens and CSS variables directly into the output, ensuring consistent styling and file:// compatibility without external dependencies.

Can I add Chart.js visualizations to a sales deck?

Yes, you can generate Chart.js powered data visuals for sales decks. The system uses a contextual decision system to automatically select appropriate layouts and embed the required Chart.js code.

What is the best way to build an investor pitch deck with emotion arcs?

The best way to build an investor pitch deck with emotion arcs is to apply Duarte Sparkline emotion arcs, leveraging a built-in 15-deck strategy matrix and 25 layouts to structure persuasive content.

Does generating HTML slide decks require external style sheets?

No, generating HTML slide decks does not require external style sheets because the system enforces inline token embedding and uses CSS variables, allowing the deck to render perfectly via local file:// access.

How do I automate a product demo presentation with strategic layouts?

You can automate a product demo presentation by applying a contextual decision system that selects from 25 layouts and 15 deck strategies, automatically assembling the HTML structure and Chart.js visuals.

What types of strategic HTML slide decks can I generate for QBRs?

You can generate strategic HTML slide decks for QBRs, investor pitches, sales decks, product demos, and conference talks, applying structured strategy matrices and Duarte Sparkline emotion arcs for persuasive output.