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.