skills.rest
jorgeasaurus
jorgeasaurusCOMMUNITY
Explore all skills by this author →
Website𝕏@Jorge2990GitHub

ckm:slides

Generate HTML presentations with Chart.js visualizations and design tokens.

12|1|Updated Mar 15, 2026
Search Tags:#HTML#copywriting#design tokens#presentation#Chart.js
One-click install
npx skills add https://github.com/jorgeasaurus/agent-skills --skill ckm-slides-jorgeasaurus
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:slides
Source: https://github.com/jorgeasaurus/agent-skills/tree/main/ckm-slides
Command: npx skills add https://github.com/jorgeasaurus/agent-skills --skill ckm-slides-jorgeasaurus

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires chart.js, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses the challenge of creating engaging and strategic HTML presentations that are data-driven and visually appealing.

Core Features & Use Cases

  • Data Visualization: Utilizes Chart.js to create interactive and visually compelling data visualizations.
  • Design Tokens: Supports responsive layouts with design tokens for consistency and flexibility.
  • Copywriting Formulas: Offers formulas to ensure persuasive and impactful slide copy.
  • Slide Strategies: Provides guidance on proven deck structures and emotion arcs for effective communication.
  • Use Case: Design a marketing presentation with compelling data-driven slides that clearly communicate value propositions.

Quick Start

Create a strategic HTML presentation using the ckm:slides skill with 'data science' as the topic and '5' slides.

Frequently Asked Questions about ckm:slides

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

FAQPage Schema
How do I create an HTML presentation with interactive data visualizations?▼

You can build an HTML presentation with interactive data visualizations by using this Skill to generate slides integrated with Chart.js. It applies design tokens for layout consistency and uses copywriting formulas to structure persuasive content.

What is the best way to write persuasive copywriting for presentation slides?▼

The best way to write persuasive copywriting for presentation slides is to apply structural formulas and emotion arcs. This Skill provides proven deck structures and copywriting guidance to ensure your slides communicate value propositions impactfully.

Can I use Chart.js for data visualization within a marketing presentation?▼

Yes, you can use Chart.js for data visualization within a marketing presentation. This Skill integrates the Chart.js dependency to render interactive and visually compelling charts directly inside your generated HTML slides.

Does this approach support design tokens for responsive presentation layouts?▼

Yes, this approach supports design tokens for responsive presentation layouts. The Skill uses design tokens to maintain visual consistency and flexibility across your HTML presentation slides.

How do I structure a data-driven deck with a proven emotion arc?▼

To structure a data-driven deck with a proven emotion arc, this Skill applies slide strategies and copywriting formulas. It guides the layout of your HTML presentation to effectively communicate your data and value propositions.

Related Skills

Explore More Design & Creative Skills→
edisonabeledisonabel

ckm:slides

Generate strategic HTML presentations with Chart.js, design tokens, and responsive layouts.

Community
Intermediate
dmccrearydmccreary
90

chartjs-generator

Generate interactive Chart.js visualizations with HTML, CSS, and documentation packages.

Community
Intermediate
HerxinsasaHerxinsasa
1

ckm:slides

Creates strategic HTML presentations with integrated Chart.js data visualization and responsive design tokens.

Community
Intermediate
Ben1821Ben1821

slides

Construct HTML presentations with design tokens, responsive layouts, and Chart.js.

Community
Intermediate