skills.rest
AlexDevFlow
AlexDevFlowCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ckm:slides

Create HTML slide decks with Chart.js visuals and design tokens.

Updated Aug 23, 2026
Search Tags:#copywriting#presentation#slides#responsive-design#design-tokens#layout-patterns#chartjs
One-click install
npx skills add https://github.com/AlexDevFlow/Claude10XD --skill ckm-slides-alexdevflow
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:slides
Source: https://github.com/AlexDevFlow/Claude10XD/tree/main/skills/ui/slides
Command: npx skills add https://github.com/AlexDevFlow/Claude10XD --skill ckm-slides-alexdevflow

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Create polished HTML presentations that combine data visuals with design tokens and responsive layouts, saving time building decks from scratch.

Core Features & Use Cases

  • Chart.js integration for data-driven visuals
  • Design-token driven theming for consistent branding
  • Responsive, accessible slide layouts suitable for marketing and data talks
  • Copywriting formulas and slide strategies for persuasive decks
  • Reusable templates and knowledge from references

Quick Start

Provide a topic and slide-count to generate a ready-to-present HTML slide deck.

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 presentations with Chart.js data visuals?▼

To create HTML presentations with Chart.js data visuals, provide a topic and slide count. This generates a ready-to-present deck integrating Chart.js, design tokens, and responsive layouts.

What is a design-token driven slide deck and when do I need one?▼

A design-token driven slide deck uses variable-based theming for consistent branding across HTML presentations. You need this for marketing decks and data-driven talks requiring accessible, responsive layouts.

Can I use copywriting formulas to build persuasive marketing slide decks?▼

Yes, you can use copywriting formulas to build persuasive marketing slide decks. The generation process loads knowledge from copywriting-formulas.md and slide-strategies.md references to guide your presentation's narrative.

What's the best way to generate a data-driven presentation ranging from 5 to 25 slides?▼

The best way to generate a data-driven presentation of 5 to 25 slides is using a create subcommand with your topic and slide-count. It applies layout-patterns.md and html-template.md references automatically.

Does this approach support responsive-design layout patterns for accessible slides?▼

Yes, this approach supports responsive-design layout patterns for accessible slides. It generates HTML output suitable for marketing and data talks, adapting to different screen sizes using reusable templates.

Related Skills

Explore More Design & Creative Skills→
Veloxia-agencyVeloxia-agency

ckm:slides

Generate HTML presentation decks from a topic and slide count with Chart.js visualizations.

Community
Advanced
MuhammadUAMuhammadUA

presentations

Create, validate, and export 1920x1080 HTML slide decks to PDF and PPTX.

Community
Intermediate
STAR03-byteSTAR03-byte
1

ckm:slides

Generate strategic HTML presentations with Chart.js, design tokens, and copywriting formulas.

Community
Intermediate
AlejandroFiginiAlejandroFigini

ckm:slides

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

Community
Advanced