ckm:slides

Generate strategic HTML slide decks with Chart.js visuals and design tokens.

1|Updated Feb 10, 2026
One-click install
npx skills add https://github.com/landim32/awesome-ai-skills --skill ckm-slides-landim32
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ckm:slides
Source: https://github.com/landim32/awesome-ai-skills/tree/main/skills/slides
Command: npx skills add https://github.com/landim32/awesome-ai-skills --skill ckm-slides-landim32

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Create strategic, data-driven HTML presentations quickly by combining Chart.js visuals, design tokens, and proven layout patterns, reducing design toil and ensuring consistency.

Core Features & Use Cases

  • Generate responsive, 16:9 HTML slide decks with Chart.js data visualizations and token-based styling.
  • Apply copywriting formulas and layout patterns to craft persuasive decks for marketing, product demos, and executive briefs.
  • Reference knowledge base for layout patterns, HTML templates, and slide strategies to accelerate design work.

Quick Start

Provide a topic and slide-count to generate a strategic HTML slide deck with data visuals and copywriting templates.

Frequently Asked Questions about ckm:slides

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

FAQPage Schema
How do I generate an HTML slide deck with Chart.js data visualizations?

Generate an HTML slide deck with Chart.js by providing a topic and slide count to receive responsive 16:9 HTML/CSS templates with data visualizations. The templates use design tokens for consistent styling and apply layout patterns for marketing or executive briefs.

What is the best way to build a strategic presentation with data visuals and persuasive copy?

Building a strategic presentation with data visuals is best done by combining Chart.js charts, design tokens, and proven layout patterns. This approach reduces design toil and ensures visual consistency while applying copywriting formulas to craft persuasive marketing or product slides.

Can I use design tokens to style HTML presentation slides?

Yes, you can use design tokens to style HTML presentation slides, ensuring consistent visual styling across the deck. The generated 16:9 HTML/CSS templates apply token-based styling alongside Chart.js data visualizations to maintain design system standards.

How many slides can I generate for an executive briefing using HTML templates?

You can generate between 5 and 12 slides for an executive briefing using HTML templates. This range suits marketing, product demos, and executive briefs, providing enough space for data visuals and persuasive copy without overwhelming the audience.

Does this approach work for marketing and product demo scenarios that require data charts?

Yes, this approach works for marketing and product demo scenarios requiring data charts. It applies copywriting formulas and layout patterns to craft persuasive decks, utilizing Chart.js data visualizations and design tokens for consistent, strategic presentations.

What are the limitations of generating slide decks with Chart.js and design tokens?

Limitations of generating slide decks with Chart.js and design tokens include being best suited for 5 to 12 slide presentations. It targets marketing, product, and executive briefing scenarios, meaning highly complex or interactive web applications are outside its scope.