skills.rest
sonle0311
sonle0311COMMUNITY
Explore all skills by this author →
GitHub

ckm:slides

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

Updated Mar 12, 2026
Search Tags:#design#html#copywriting#presentation#slides#chart.js
One-click install
npx skills add https://github.com/sonle0311/fe-vibe-kit --skill ckm-slides-sonle0311
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:slides
Source: https://github.com/sonle0311/fe-vibe-kit/tree/main/.claude/skills/slides
Command: npx skills add https://github.com/sonle0311/fe-vibe-kit --skill ckm-slides-sonle0311

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the creation of professional, data-driven HTML presentations, streamlining the design and content generation process.

Core Features & Use Cases

  • Strategic Slide Design: Generates slides using pre-defined layout patterns, copywriting formulas, and slide strategies.
  • Data Visualization: Integrates Chart.js for dynamic data representation.
  • Use Case: Quickly create a pitch deck for investors by providing a topic and desired slide count, leveraging AI to structure content and design visually appealing slides.

Quick Start

Use the ckm:slides skill to create a 10-slide presentation about sustainable energy.

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 AI?▼

Yes, you can create data-driven slides by integrating Chart.js directly into the HTML presentation. This allows you to generate dynamic charts and visual representations of data within individual slides.

How do I structure a pitch deck using copywriting formulas?▼

Yes, the generated HTML presentations feature responsive layouts and design tokens. This ensures your slides adapt seamlessly to different screen sizes while maintaining consistent visual styling.

What is the best way to automate slide creation for a specific topic?▼

The best way to automate slide creation is specifying the exact slide count and topic. The system then references predefined layout patterns and strategies to instantly build a complete, structured presentation.

Do I need predefined layout patterns to create strategic slides?▼

You do not need to manually define layout patterns to create strategic slides. The system leverages its own predefined references for layouts, copywriting, and strategies to structure your presentation automatically.

Related Skills

Explore More Design & Creative Skills→
RxFitRxFit

storyline

Create structured presentation storylines with narrative blocks and slide titles.

Community
Intermediate
0dot770dot77

lecture-slides

Generate HTML lecture slides from course notes or Markdown files.

Community
Advanced
Bauhaus-InfAUBauhaus-InfAU

interactive-dashboard-builder

Generate self-contained HTML dashboards with Chart.js charts and dropdown filters.

Official
Intermediate
edisonabeledisonabel

ckm:slides

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

Community
Intermediate