skills.rest
aayushsoam
aayushsoamCOMMUNITY
Explore all skills by this author →
GitHub

ckm:slides

Automates HTML slide deck creation with Chart.js visualizations and design tokens.

1|Updated Mar 31, 2026
Search Tags:#copywriting#presentation#slides#chart.js#design-tokens#layout-patterns#html-template
One-click install
npx skills add https://github.com/aayushsoam/clawbot-plus --skill ckm-slides-aayushsoam
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:slides
Source: https://github.com/aayushsoam/clawbot-plus/tree/main/skills/slides
Command: npx skills add https://github.com/aayushsoam/clawbot-plus --skill ckm-slides-aayushsoam

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Create polished, data-driven HTML slide decks quickly by combining charts, design tokens, and responsive layouts.

Core Features & Use Cases

  • Data visualization with Chart.js to illustrate metrics.
  • Design-token based styling for consistent visuals across slides.
  • Access to a knowledge base of layout patterns and copywriting formulas for persuasive decks.
  • Quick routing to load references and templates for different slide strategies.

Quick Start

Launch the slides skill to start crafting a deck using the provided HTML templates and references.

Frequently Asked Questions about ckm:slides

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

FAQPage Schema
How do I create persuasive HTML slides with data visualizations?▼

You can create persuasive HTML slides by loading HTML templates and layout patterns through a knowledge-base driven workflow, integrating Chart.js for metrics and design tokens for consistent visual styling.

What's the best way to use design tokens for consistent presentation layouts?▼

Design tokens are applied via a knowledge-base workflow that loads HTML templates and layout patterns, ensuring consistent visual styling across all marketing, product, or strategy slides.

Can I use Chart.js in HTML templates for product strategy presentations?▼

Yes, Chart.js is natively supported within the HTML templates to illustrate metrics. The skill targets marketing, product, and strategy contexts where data visualizations are required for persuasive decks.

Does this presentation generator include copywriting formulas for marketing decks?▼

Yes, the skill accesses a knowledge base of copywriting formulas and layout patterns to automate the creation of persuasive marketing, product, and strategy slide decks.

How do I start building a slide deck using the provided HTML templates?▼

You start building a slide deck by launching the skill, which routes through a knowledge base to load HTML templates and references, applying design tokens and copywriting formulas to generate the deck.

Related Skills

Explore More Design & Creative Skills→
owshq-mecowshq-mec
122

ckm:slides

Generates strategic HTML presentations with Chart.js embedded data visualizations and optimized copywriting content.

Official
Intermediate
maverickgao8848maverickgao8848
44

slidecraft

Generate animation-rich, zero-dependency HTML slide decks from scratch or PPT/PPTX.

Community
Advanced
viktorbezdekviktorbezdek
10

frontend-design

Create accessible, responsive UI design systems with Tailwind CSS, Radix UI, and shadcn/ui.

Community
Advanced
KrystianYCSilvaKrystianYCSilva

markdown-expert

Create Markdown documentation with Mermaid diagrams and GFM tables.

Community
Intermediate