ckm:slides

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

Updated Apr 6, 2026
One-click install
npx skills add https://github.com/luicabref97/sushi-jungle-web --skill ckm-slides-luicabref97
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ckm:slides
Source: https://github.com/luicabref97/sushi-jungle-web/tree/main/.agents/skills/ckm-slides
Command: npx skills add https://github.com/luicabref97/sushi-jungle-web --skill ckm-slides-luicabref97

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Streamline the creation of strategic HTML presentations that combine data visualization, design tokens, and proven slide strategies, saving time and ensuring consistency.

Core Features & Use Cases

  • Chart.js-powered data slides with responsive layouts
  • Token-based theming and design-system alignment
  • Copywriting formulas and contextual slide strategies for persuasive decks
  • Reusable templates and reference knowledge bases for rapid deck creation

Quick Start

Create a 6- to 8-slide deck titled "Your Topic" using the slides framework.

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 Chart.js data visualizations?

Create responsive HTML slides with Chart.js by applying this framework to generate data-driven charts and layouts. It streamlines strategic deck creation, ensuring consistent visuals and persuasive copy for marketing pitches or executive briefings.

What are design tokens and how do they apply to HTML slide theming?

Design tokens are variables that store visual style decisions like colors and typography. This framework applies token-based theming to HTML slides, ensuring design-system alignment and consistent visual styling across your entire presentation deck.

Can I use this to create executive briefings and marketing pitch decks?

Yes, you can create executive briefings and marketing pitch decks. The framework provides copywriting formulas and contextual slide strategies tailored for persuasive presentations, enabling rapid deck creation for strategic business communication.

Does this slides framework require any external dependencies to function?

No external dependencies are required to function. The framework operates independently to generate HTML slide decks, though it natively supports Chart.js integration for data visualizations and utilizes reference knowledge bases for rapid template creation.

What is the best way to build a responsive data dashboard slide deck?

The best way to build a responsive data dashboard slide deck is using this framework's reusable templates and Chart.js integration. It enables token-based theming and responsive layouts, allowing you to rapidly generate consistent, data-visualized presentations.