ckm:slides

Generate self-contained HTML slide decks with Chart.js charts and design tokens.

Updated Dec 16, 2025
One-click install
npx skills add https://github.com/AincFh/my-anime-blog --skill ckm-slides-aincfh
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:slides
Source: https://github.com/AincFh/my-anime-blog/tree/main/ui-ux-pro-max-skill-2.5.0/.claude/skills/slides
Command: npx skills add https://github.com/AincFh/my-anime-blog --skill ckm-slides-aincfh

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Designers and developers struggle to produce consistent, data-driven slide decks quickly; this skill provides a ready-to-render HTML presentation framework with Chart.js visuals, design tokens, and copywriting guidance.

Core Features & Use Cases

  • Chart.js-powered charts embedded in slides for data storytelling
  • Token-driven theming and responsive 16:9 layouts for cross-device consistency
  • Copywriting formulas and slide strategies for persuasive decks
  • Use Cases: marketing pitches, product demos, executive dashboards, and training slides

Quick Start

Provide a topic and slide-count to generate a ready-to-render 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 generate HTML presentation slides with embedded Chart.js data visualizations?▼

To generate HTML presentation slides with embedded Chart.js data visualizations, provide a topic and slide count to output a self-contained HTML/CSS/JS package. This package includes responsive 16:9 layouts, interactive charts, and copywriting formulas for persuasive decks.

Can I use design tokens to theme responsive 16:9 slide decks for cross-device consistency?▼

Yes, you can use design tokens to theme responsive 16:9 slide decks for cross-device consistency. The generated HTML output utilizes token-driven theming, ensuring visual consistency across marketing pitches, product demos, and educational presentations.

What is the best way to build data-driven pitch decks using copywriting formulas and HTML?▼

The best way to build data-driven pitch decks using copywriting formulas and HTML is to input your topic and desired slide count. The system applies contextual slide strategies and frameworks to output a ready-to-render, persuasive presentation package.

Does this HTML slide generator require any external dependencies or frameworks to render presentations?▼

No, this HTML slide generator does not require external dependencies or frameworks to render presentations. It outputs a self-contained HTML, CSS, and JavaScript package that includes Chart.js visuals and token-driven styling natively.

How do I create executive dashboards and training slides as a self-contained HTML package?▼

You create executive dashboards and training slides as a self-contained HTML package by defining your topic and slide count. The output integrates Chart.js charts and design tokens directly into the HTML/CSS/JS code for immediate rendering.

What are the limitations of using token-driven theming for HTML slide generation?▼

A limitation of using token-driven theming for HTML slide generation is that outputs are restricted to responsive 16:9 layouts and Chart.js visuals. Presentations requiring complex non-standard aspect ratios or alternative charting libraries may not be supported.