skills.rest
edisonabel
edisonabelCOMMUNITY
Explore all skills by this author →
GitHub

ckm:slides

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

Updated Feb 28, 2026
Search Tags:#design#html#copywriting#presentation#slides#chart.js
One-click install
npx skills add https://github.com/edisonabel/redil-alabanza-app --skill ckm-slides-edisonabel
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:slides
Source: https://github.com/edisonabel/redil-alabanza-app/tree/main/.claude/skills/slides
Command: npx skills add https://github.com/edisonabel/redil-alabanza-app --skill ckm-slides-edisonabel

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the creation of strategic HTML presentations, incorporating data visualization, responsive design, and proven copywriting techniques to make your message impactful.

Core Features & Use Cases

  • Strategic Slide Creation: Generates HTML slides based on topic and desired slide count.
  • Data Visualization: Integrates Chart.js for dynamic charts and graphs.
  • Design Token Integration: Utilizes design tokens for consistent theming.
  • Copywriting Formulas: Applies proven formulas (PAS, AIDA, FAB) for persuasive content.
  • Use Case: Create a 10-slide pitch deck for a new product launch, including a revenue projection chart and a compelling problem-solution narrative.

Quick Start

Use the ckm:slides skill to create a 5-slide presentation about the benefits of remote work.

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 presentations with data visualizations?▼

You can generate HTML presentations with data visualizations by using this skill to integrate Chart.js for dynamic charts and HTML templates for responsive layout structure. It automates the creation of data-driven slides.

Can I use copywriting formulas to create strategic marketing slides?▼

Yes, you can create strategic marketing slides by applying proven copywriting formulas like PAS, AIDA, and FAB. The skill structures your persuasive content directly into the generated HTML slides.

How do I build a pitch deck with revenue projection charts in HTML?▼

Build a pitch deck in HTML by specifying your topic and desired slide count. The skill generates the presentation structure with CSS styling and integrates Chart.js to render revenue projection charts.

Does this skill support responsive layouts for HTML presentations?▼

Yes, HTML presentations support responsive layouts through CSS styling and design tokens. This ensures consistent theming and proper rendering across different devices for your marketing slides.

What is the best way to structure a multi-slide product launch presentation?▼

The best way to structure a multi-slide product launch presentation is by defining the slide count and topic. The skill applies contextual slide strategies and copywriting techniques to generate the HTML output.

Do I need any dependencies to create dynamic charts for my HTML slides?▼

No external dependencies are required. The skill leverages Chart.js internally to render dynamic charts and graphs directly within your HTML presentation slides.

Related Skills

Explore More Design & Creative Skills→
Veloxia-agencyVeloxia-agency

ckm:slides

Generate HTML presentation decks from a topic and slide count with Chart.js visualizations.

Community
Advanced
maverickgao8848maverickgao8848
44

slidecraft

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

Community
Advanced
dmccrearydmccreary
90

chartjs-generator

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

Community
Intermediate
hmzainjamilhmzainjamil
1

md-slides

Convert Markdown content into Marp slide decks with export directives for PDF, PPTX, or HTML.

Community
Intermediate