skills.rest
bykoleksii-hardo
bykoleksii-hardoCOMMUNITY
Explore all skills by this author →
GitHub

ckm:slides

Design HTML presentations with Chart.js data visualizations and structured slide layouts.

Updated Apr 25, 2026
Search Tags:#data visualization#design tokens#presentation design#chart.js#slide creation
One-click install
npx skills add https://github.com/bykoleksii-hardo/hardo-app --skill ckm-slides-bykoleksii-hardo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:slides
Source: https://github.com/bykoleksii-hardo/hardo-app/tree/main/.claude/skills/slides
Command: npx skills add https://github.com/bykoleksii-hardo/hardo-app --skill ckm-slides-bykoleksii-hardo

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 high-impact presentations that effectively communicate complex information through strategic design and data visualization.

Core Features & Use Cases

  • Strategic Design: Offers a structured approach to presentation design, including layout patterns, copywriting formulas, and slide strategies.
  • Data Visualization: Utilizes Chart.js for dynamic and engaging data representation.
  • Use Case: Imagine you need to create a pitch deck for a new product. Use this Skill to design slides that showcase your product's features, market data, and competitive analysis with compelling visuals.

Quick Start

Create a presentation with the ckm:slides skill for your product pitch, specifying the topic and desired slide count.

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

To create HTML presentations with embedded data visualizations, use this skill to design structured slides with responsive layouts, copywriting guidance, and interactive Chart.js charts. It provides design tokens and layout patterns to strategically communicate complex information.

Do I need Chart.js to render interactive charts in my presentation slides?▼

Yes, you need Chart.js to render interactive charts in your presentation slides. This skill utilizes Chart.js as a required dependency for generating dynamic and engaging data representations within the HTML presentation layouts.

What is the best way to design a pitch deck with market data and competitive analysis?▼

The best way to design a pitch deck with market data and competitive analysis is using this skill's structured approach to slide creation. It offers strategic design tokens, copywriting formulas, and Chart.js visualizations to compellingly showcase product features and market data.

Can I use design tokens for responsive layouts in slide creation?▼

Yes, you can use design tokens for responsive layouts in slide creation. This skill offers a structured approach that incorporates design tokens to maintain visual consistency and strategic design across your HTML presentation slides.

Does this approach provide copywriting guidance for presentation design?▼

Yes, this approach provides copywriting guidance for presentation design. It includes structured copywriting formulas and slide strategies to help you craft compelling presentations that effectively communicate complex information.

Related Skills

Explore More Design & Creative Skills→
jaimedhenriquesjaimedhenriques

interactive-dashboard-builder

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

Community
Intermediate
MuhammadUAMuhammadUA

presentations

Create, validate, and export 1920x1080 HTML slide decks to PDF and PPTX.

Community
Intermediate
darblexdarblex

frontend-design

Provide frontend design guidelines for layouts, theming, and animations using Tailwind CSS and Flowbite.

Community
Intermediate
januarfontijanuarfonti
10

rsc-data-optimizer

Convert client-side data fetching in Next.js to React Server Components.

Community
Intermediate