skills.rest
hiimtrung
hiimtrungCOMMUNITY
Explore all skills by this author →
GitHub

ckm:slides

Generate HTML presentation decks with Chart.js data visuals and layout templates.

4|2|Updated Mar 6, 2026
Search Tags:#presentations#copywriting#slides#design-tokens#chartjs#html-templates
One-click install
npx skills add https://github.com/hiimtrung/coder --skill ckm-slides-hiimtrung
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:slides
Source: https://github.com/hiimtrung/coder/tree/main/.agents/skills/slides
Command: npx skills add https://github.com/hiimtrung/coder --skill ckm-slides-hiimtrung

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

HTML slide creation often requires assembling templates, visuals, and consistent design tokens, slowing down teams who need to deliver compelling decks.

Core Features & Use Cases

  • Chart.js-backed data visuals and responsive layouts built with design tokens for consistent styling.
  • Access to a knowledge library of layout patterns, HTML templates, and copywriting formulas to accelerate slide creation.
  • Templates and workflows for marketing decks, product roadmaps, and executive briefings, enabling rapid, on-brand slide production.

Quick Start

Create a 5-slide HTML deck for a topic like 'Q3 Performance' that includes a Chart.js line chart and token-based styling.

Frequently Asked Questions about ckm:slides

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

FAQPage Schema
How do I create HTML presentations with Chart.js data visuals?▼

Build a strategic HTML slide deck by combining HTML/CSS templates with Chart.js data visuals and design tokens. Access a knowledge library of layout patterns and copywriting formulas to accelerate on-brand slide production.

What's the best way to build marketing decks using HTML templates?▼

The best way to build marketing decks using HTML templates is applying design tokens and copywriting formulas. This ensures consistent styling while rapidly generating ready-to-run strategic presentations.

Do I need to know Chart.js to generate these HTML slides?▼

Yes, you need knowledge of Chart.js and HTML/CSS templates to use this Skill effectively. It requires this background to properly generate data visuals and apply token-based styling for ready-to-run decks.

Can I use design tokens for consistent styling in HTML slide creation?▼

Yes, you can use design tokens for consistent styling in HTML slide creation. The Skill applies token-based styling to responsive layouts, ensuring visual consistency across marketing decks, product roadmaps, and executive briefings.

How does a slide knowledge base accelerate product roadmap presentation production?▼

A slide knowledge base accelerates product roadmap presentation production by providing reusable layout patterns and HTML templates. This enables rapid, on-brand slide generation without assembling visuals from scratch.

Related Skills

Explore More Design & Creative Skills→
STAR03-byteSTAR03-byte
1

ckm:slides

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

Community
Intermediate
hiyeshuhiyeshu
205

codeck-export

Export HTML presentation decks to PDF and PPTX with automated quality checks.

Community
Advanced
TenBeltzTenBeltz

ckm:slides

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

Official
Advanced
the-cyber-boardroomthe-cyber-boardroom
11

infographic-gen

Generate infographics and slide decks from briefs or documents.

Official
Intermediate