skills.rest
dmedina-dev
dmedina-devCOMMUNITY
Explore all skills by this author →
GitHub

ckm:slides

Automates strategic slide deck creation with Chart.js templates and token-driven styling.

1|Updated Mar 29, 2026
Search Tags:#copywriting#presentation#slides#tokens#design-system#layout-patterns#chartjs
One-click install
npx skills add https://github.com/dmedina-dev/dev-forge --skill ckm-slides-dmedina-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:slides
Source: https://github.com/dmedina-dev/dev-forge/tree/main/plugins/forge-ui-expert/skills/slides
Command: npx skills add https://github.com/dmedina-dev/dev-forge --skill ckm-slides-dmedina-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Designing persuasive, data-driven HTML slide decks manually is time-consuming and error-prone. This skill provides a repeatable design system that combines Chart.js visualizations, design tokens, and copywriting formulas to accelerate deck creation.

Core Features & Use Cases

  • Create data-driven slide decks with responsive layouts and consistent typography.
  • Apply proven slide strategies and copywriting formulas to craft compelling narratives.
  • Reuse a knowledge-base of HTML templates, tokens, and layout patterns for quick prototyping with real-world examples.

Quick Start

Create a 9-slide product pitch deck using design tokens and Chart.js 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 HTML slide decks with Chart.js visualizations and design tokens?▼

You generate HTML slide decks by applying an automated template system that combines Chart.js charts, design tokens, and copywriting formulas to produce data-driven presentations. The skill uses a knowledge-base of layout patterns for consistent composition.

What's the best way to automate marketing presentation creation with consistent typography and responsive layouts?▼

Automating marketing presentations is achieved through a token-driven styling system that applies proven copywriting formulas and reusable HTML templates to ensure consistent typography and responsive layouts across all slides.

Can I use copywriting formulas and layout patterns for automated slide composition?▼

Copywriting formulas and layout patterns are used within a reference knowledge-base to drive automated slide composition, ensuring narratives follow proven strategic structures while maintaining visual consistency across the deck.

Does this approach to building strategic HTML slides require a specific template system?▼

Building strategic HTML slides requires an HTML/CSS/JS template system integrated with token-driven styling, providing the structural foundation needed to automate the layout and composition of data-driven presentations.

Why use design tokens for KPI presentations instead of manually styling each slide?▼

Using design tokens for KPI presentations prevents manual styling errors and accelerates deck creation by centralizing visual definitions, ensuring Chart.js visualizations and typography remain consistent across all slides.

What is the process for creating a product pitch deck using an automated design system?▼

Creating a product pitch deck involves combining a knowledge-base of layout patterns with Chart.js templates and design tokens to automatically compose strategic slides, replacing time-consuming manual HTML design.

Related Skills

Explore More Design & Creative Skills→
VKirillVKirill
15

ckm:design-system

Generate CSS variable design tokens and brand-compliant slide HTML.

Community
Intermediate
MRWillisTMRWillisT
7

frontend-slides

Generate zero-dependency HTML presentations and convert PPT/PPTX decks for browser viewing.

Community
Advanced
dbmccodbmcco
20

keynote-slides

Create single-file Keynote-style HTML slide decks with brand tokens and Gemini-generated visuals.

Community
Advanced
MuhammadUAMuhammadUA

presentations

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

Community
Intermediate