ckm:slides

Convert strategic communication needs into HTML slide decks with Chart.js and design tokens.

2|Updated Mar 26, 2026
One-click install
npx skills add https://github.com/calvingit/skills --skill ckm-slides-calvingit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ckm:slides
Source: https://github.com/calvingit/skills/tree/main/external-skills/Design/ui-ux-pro-max/slides
Command: npx skills add https://github.com/calvingit/skills --skill ckm-slides-calvingit

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Create polished HTML slide decks that combine data visualization with design tokens and layout patterns, enabling rapid production of persuasive presentations.

Core Features & Use Cases

  • Generate HTML slides that integrate Chart.js charts with responsive layouts and token-based design systems.
  • Provide knowledge-base references for layout patterns, HTML templates, copywriting formulas, and slide strategies to support repeatable storytelling.
  • Typical use cases include marketing pitches, product briefs, and executive decks.

Quick Start

Create a 6-slide HTML presentation about a product launch using Chart.js, design tokens, and a responsive layout.

Frequently Asked Questions about ckm:slides

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

FAQPage Schema
How do I create HTML slide decks with Chart.js data visualization?

To create HTML slide decks with Chart.js, convert strategic communication needs into ready-to-render HTML templates that integrate charts, design tokens, and layout patterns. This approach enables rapid production of persuasive, data-driven presentations.

What's the best way to build data-driven marketing pitches using HTML templates?

Building data-driven marketing pitches with HTML templates involves applying layout patterns, copywriting formulas, and design tokens to structure messaging. This method transforms product briefs into persuasive, responsive slide decks.

Can I use design tokens and layout patterns for repeatable slide production?

Yes, you can use design tokens and layout patterns for repeatable slide production. The skill provides a knowledge-base of references and HTML structure templates to ensure consistent, token-based design systems across multiple presentations.

Does this approach support responsive design for executive decks?

Yes, this approach supports responsive design for executive decks. It guides layout, charts, and messaging specifically for data-driven storytelling, ensuring strategic communication renders correctly across different viewing environments.

What are the limitations of generating presentations with HTML templates instead of traditional software?

Generating presentations with HTML templates requires manual integration of Chart.js and design tokens rather than drag-and-drop editing. However, it provides greater control over responsive layouts and repeatable, code-based slide production for technical users.

What is a design token-based design system for slide decks?

A design token-based design system for slide decks is a set of variables controlling visual elements like color and typography within HTML templates. It ensures consistent styling across charts and layouts, enabling rapid production of persuasive presentations.