ckm:slides

Generate strategic HTML slides with Chart.js visuals and design-token theming.

Updated Mar 27, 2026
One-click install
npx skills add https://github.com/AlejandroFigini/artist-portfolio --skill ckm-slides-alejandrofigini
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ckm:slides
Source: https://github.com/AlejandroFigini/artist-portfolio/tree/main/.agent/skills/slides
Command: npx skills add https://github.com/AlejandroFigini/artist-portfolio --skill ckm-slides-alejandrofigini

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Strategic HTML slide design and data visualization that combine charts, tokens, and responsive layouts to communicate insights clearly and consistently.

Core Features & Use Cases

  • Chart.js integration for dynamic data visuals within slides.
  • Design tokens-driven theming for brand-consistent decks.
  • Contextual slide strategies and copywriting formulas to craft persuasive narratives.
  • Use Case: Build marketing or data-driven presentations that adapt to different audiences with cohesive visuals and messaging.

Quick Start

Use the slides skill to generate a ready-to-edit HTML slide deck from a topic and target slide count.

Frequently Asked Questions about ckm:slides

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

FAQPage Schema
How do I create responsive HTML presentation slides with Chart.js visuals?

To create responsive HTML presentation slides with Chart.js visuals, provide a topic and target slide count. The workflow generates a 16:9 deck integrating dynamic data charts, design-token theming, and persuasive narrative copywriting formulas.

What is design-token theming for brand-consistent marketing decks?

Design-token theming applies centralized style variables to ensure brand-consistent marketing decks. This approach maintains cohesive visuals across data presentations and client proposals by standardizing layout patterns and chart aesthetics.

Can I use HTML slides for data-driven client proposals requiring branded visuals?

Yes, you can generate HTML slides for data-driven client proposals requiring branded visuals. The workflow applies contextual slide strategies and Chart.js integration to adapt persuasive narratives for different audiences.

How do I generate a ready-to-edit HTML slide deck from a specific topic?

Generate a ready-to-edit HTML slide deck by specifying your topic and target slide count. The process applies responsive 16:9 layouts, design-token theming, and slide-pattern references to produce strategic presentations.

Does Chart.js integration work within responsive 16:9 slide layouts?

Chart.js integration works within responsive 16:9 slide layouts to render dynamic data visuals. This combination ensures marketing and data presentations maintain cohesive, adaptive visuals across different viewing environments.

What's the best way to build data presentations that adapt to different audiences?

The best way to build adaptive data presentations is using HTML slides with contextual strategies and design tokens. This method produces cohesive visuals and messaging that dynamically adjust persuasive narratives for varied audiences.