slides

Generate responsive HTML slide decks with Chart.js and design tokens.

1|Updated Mar 10, 2026
One-click install
npx skills add https://github.com/iasiv5/skills --skill slides-iasiv5
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slides
Source: https://github.com/iasiv5/skills/tree/main/slides
Command: npx skills add https://github.com/iasiv5/skills --skill slides-iasiv5

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Strategic slide creation often demands coordinating data visualization, design tokens, responsive layouts, and persuasive copy. This skill provides a ready-to-use framework to streamline that workflow.

Core Features & Use Cases

  • Generate responsive HTML slide decks with Chart.js charts, design tokens, and layout patterns.
  • Apply copywriting formulas and slide strategies to craft compelling narratives.
  • Use cases include marketing pitches, data stories, and executive briefings with consistent branding.

Quick Start

Create a 6- to 9-slide marketing deck using Chart.js visuals, design tokens, and contextual slide strategies.

Frequently Asked Questions about slides

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

FAQPage Schema
How do I generate responsive HTML slide decks with Chart.js visuals?▼

You generate responsive HTML slide decks by applying a base HTML template with integrated Chart.js, design tokens, and layout-pattern guidance to produce data-driven marketing pitches and executive briefings.

What's the best way to create a data storytelling presentation in HTML?▼

Creating a data storytelling presentation involves applying copywriting frameworks and responsive layout patterns to build a coherent narrative, supported by Chart.js data visualizations and consistent design tokens.

Can I use design tokens to maintain consistent branding across an executive briefing?▼

Yes, you can use design tokens to maintain consistent branding across an executive briefing by applying them within a responsive base HTML template to unify typography, colors, and layout patterns.

How do I apply copywriting formulas to strategic slide layouts?▼

You apply copywriting formulas to strategic slide layouts by combining layout-pattern guidance with narrative frameworks, enabling the creation of persuasive marketing pitches and data stories with coherent structures.

Does this approach support generating marketing decks without external dependencies?▼

Yes, generating marketing decks works without external dependencies by using the provided base HTML template, Chart.js integration, and optional resources in directories like scripts and assets as directed by a configuration file.

What are the limitations of using HTML slides for executive briefings?▼

Limitations include relying entirely on HTML and Chart.js for rendering instead of native presentation software, meaning interactive data storytelling requires a browser environment with responsive typography support to display correctly.