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.