ckm:slides

Generate strategic HTML presentations with Chart.js-ready data visuals.

Updated May 7, 2026
One-click install
npx skills add https://github.com/TumeloRamaphosa/StudEx-Valley-OS --skill ckm-slides-tumeloramaphosa
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ckm:slides
Source: https://github.com/TumeloRamaphosa/StudEx-Valley-OS/tree/main/.claude/skills/ui-ux-pro-max/.claude/skills/slides
Command: npx skills add https://github.com/TumeloRamaphosa/StudEx-Valley-OS --skill ckm-slides-tumeloramaphosa

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Build persuasive slide decks faster without guessing layouts, design tokens, or copy structure—especially when you need charts and a coherent narrative.

Core Features & Use Cases

  • Chart.js + responsive HTML slide generation: Produce interactive, data-driven slide content using Chart.js with a responsive 16:9 layout.
  • Design-token-first visual consistency: Apply brand-consistent tokens (colors, typography, gradients) to maintain a unified visual system across slides.
  • Copywriting formula support + strategic slide strategies: Structure messaging using proven formulas (e.g., PAS, AIDA, FAB) and select effective deck arcs and slide sequencing.

Quick Start

Use the ckm:slides skill with the command "create investor pitch 10 slides" to generate a strategic HTML presentation outline and slide content optimized for persuasion.

Frequently Asked Questions about ckm:slides

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

FAQPage Schema
How do I generate a strategic HTML presentation with responsive layouts and charts?

To generate a strategic HTML presentation, this Skill parses your command string to apply persuasive copywriting formulas, responsive 16:9 layouts, and Chart.js-ready data visuals. You get a structured deck with consistent design tokens across a configurable slide count.

What copywriting formulas can I use to structure persuasive slide copy?

You can structure persuasive slide copy using proven formulas like PAS, AIDA, and FAB. The Skill applies these frameworks to your presentation goals to generate strategic messaging arcs and effective slide sequencing.

Can I create an investor pitch deck with a specific number of slides?

Yes, you can create an investor pitch deck by passing a command like 'create investor pitch 10 slides'. The Skill parses the subcommand to generate a matching presentation outline with a configurable slide count optimized for persuasion.

How do design tokens maintain visual consistency across HTML slides?

Design tokens maintain visual consistency across HTML slides by applying brand-consistent colors, typography, and gradients. This creates a unified visual system that persists throughout the generated presentation layout.

Does this approach support Chart.js for data-driven slide visuals?

Chart.js is fully supported for data-driven slide visuals. The Skill produces HTML output specifically structured to render interactive Chart.js graphics within a responsive 16:9 layout framework.

What is the best way to outline a marketing deck without guessing slide structure?

The best way to outline a marketing deck without guessing is to define a presentation goal and let the Skill apply strategic deck arcs. It automatically structures slide sequencing, layout patterns, and copywriting formulas for your workflow.