skills.rest
idontcarl
idontcarlCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ckm:slides

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

Updated Mar 28, 2026
Search Tags:#html#copywriting#presentation#slides#design-tokens#chartjs
One-click install
npx skills add https://github.com/idontcarl/landing-page --skill ckm-slides-idontcarl
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:slides
Source: https://github.com/idontcarl/landing-page/tree/main/skills/ui-ux-pro-max-skill/.claude/skills/slides
Command: npx skills add https://github.com/idontcarl/landing-page --skill ckm-slides-idontcarl

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Automates the creation of strategic, data-driven HTML slide decks with consistent branding, reducing manual setup time.

Core Features & Use Cases

  • Chart.js-powered data visualizations embedded in slides
  • Design tokens enable consistent branding across decks
  • Responsive, 16:9 layouts for desktop and mobile
  • Slide strategies and copywriting formulas to structure content for impact

Quick Start

Invoke the slides skill with a topic and slide-count to generate a complete HTML 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 slides with embedded Chart.js data visualizations?▼

HTML slides with Chart.js data visualizations are generated by invoking the skill with a topic and slide count, which automatically embeds interactive charts within responsive 16:9 layouts. This reduces manual setup time for data presentations.

What is the best way to maintain consistent branding across multiple presentation decks?▼

Consistent branding across multiple presentation decks is maintained using design tokens, which standardize visual elements like colors and typography throughout the HTML slides. This ensures uniform branding for marketing pitches and training decks.

Can I use copywriting frameworks to structure the content of my HTML slide deck?▼

Yes, copywriting frameworks are integrated into the slide strategies to structure your HTML slide deck content for maximum impact. This approach applies strategic copywriting formulas to organize marketing pitches and training materials.

Does this approach to creating presentation slides support responsive 16:9 layouts for mobile?▼

Yes, creating presentation slides with this method supports responsive 16:9 layouts optimized for both desktop and mobile viewing. The generated HTML decks automatically adapt to different screen sizes for flexible presentation delivery.

Do I need to provide a specific slide count to automate HTML slide deck generation?▼

Yes, you need to provide a topic and a desired slide count to automate the creation of a complete HTML slide deck. Specifying the slide count allows the system to structure the strategic content and data visualizations accordingly.

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
2lab-ai2lab-ai

deck-simple

Design simple horizontal-swipe HTML presentation decks in 16:9 aspect ratio.

Official
Basic
STAR03-byteSTAR03-byte
1

ckm:slides

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

Community
Intermediate
MuhammadUAMuhammadUA

presentations

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

Community
Intermediate