skills.rest
antony-jip
antony-jipCOMMUNITY
Explore all skills by this author →
GitHub

ckm:slides

Generate strategic HTML presentations with Chart.js visualizations and responsive layouts.

Updated Dec 5, 2025
Search Tags:#design#html#copywriting#presentation#slides#chart.js
One-click install
npx skills add https://github.com/antony-jip/sign-company --skill ckm-slides-antony-jip
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:slides
Source: https://github.com/antony-jip/sign-company/tree/main/.claude/skills/slides
Command: npx skills add https://github.com/antony-jip/sign-company --skill ckm-slides-antony-jip

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 persuasive copywriting.

Core Features & Use Cases

  • Strategic Slide Design: Utilizes predefined layout patterns and copywriting formulas for maximum impact.
  • Data Visualization: Integrates Chart.js for dynamic data representation.
  • Responsive HTML Output: Generates presentations that adapt to various screen sizes.
  • Use Case: Generate a 10-slide pitch deck for a new product launch, including a problem statement, solution overview, traction metrics, and a clear call to action, all in a professional HTML format.

Quick Start

Use the slides skill to create a presentation on the topic of 'AI in marketing' with 10 slides.

Frequently Asked Questions about ckm:slides

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

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

To generate an HTML presentation with data visualizations, this Skill outputs responsive slides integrated with Chart.js for dynamic data representation. It leverages predefined templates and copywriting formulas.

What is the best way to build a pitch deck using HTML and Chart.js?▼

The best way to build a pitch deck using HTML and Chart.js is to apply strategic copywriting formulas and predefined layout patterns. This Skill outputs professional slides designed for marketing, sales, and product demos.

Can I use copywriting formulas in my slide generation process?▼

Yes, you can use copywriting formulas in your slide generation process. This Skill leverages a built-in knowledge base of persuasive copywriting templates integrated directly with responsive HTML layouts for maximum impact.

Does this presentation generator support responsive layouts for different screen sizes?▼

Yes, this presentation generator supports responsive layouts for different screen sizes. It outputs HTML presentations that automatically adapt to various devices while maintaining integrated Chart.js visualizations and strategic structure.

How do I create a 10-slide product launch presentation in HTML?▼

To create a 10-slide product launch presentation in HTML, specify your topic and slide count. This Skill generates strategic slides including problem statements, traction metrics, and calls to action using predefined layout patterns.

Related Skills

Explore More Design & Creative Skills→
dmccrearydmccreary
90

chartjs-generator

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

Community
Intermediate
0dot770dot77

lecture-slides

Generate HTML lecture slides from course notes or Markdown files.

Community
Advanced
STAR03-byteSTAR03-byte
1

ckm:slides

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

Community
Intermediate
zengbaochengzengbaocheng

hermes-self-learner

Generate a standardized SKILL.md from a user-provided URL.

Community
Advanced