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.