skills.rest
qqrus
qqrusCOMMUNITY
Explore all skills by this author →
GitHub

ckm:slides

Create strategic HTML presentations with embedded Chart.js data visualizations.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill solves the problem of creating strategic HTML presentations that effectively communicate information, with a focus on data visualization, design tokens, and responsive layouts.

Core Features & Use Cases

  • Data Visualization: Utilize Chart.js for dynamic and interactive data presentation.
  • Design Tokens: Implement consistent design elements across presentations.
  • Responsive Layouts: Ensure presentations look great on any device.
  • Use Case: For a marketing team creating a pitch deck, this Skill can quickly generate slides with embedded charts and consistent branding.

Quick Start

Use the ckm:slides skill to create a presentation with 5 slides on the topic 'sales data' and include Chart.js visualizations.

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 data visualizations, this Skill generates interactive slides using Chart.js, applying design tokens for consistent branding and responsive layouts across marketing and business contexts.

Can I use Chart.js for dynamic charts in marketing pitch decks?▼

Yes, Chart.js is utilized to build dynamic and interactive data visualizations within strategic HTML presentations, enabling marketing teams to quickly generate pitch decks with embedded charts and consistent design elements.

Do I need HTML, CSS, and JavaScript knowledge to customize presentation design?▼

Yes, HTML, CSS, and JavaScript knowledge is required for template customization and implementing responsive design, ensuring the generated presentations look great and function properly on any device.

What are design tokens and how do they apply to presentation layouts?▼

Design tokens implement consistent design elements across HTML presentations, ensuring uniform branding and styling throughout the slides while maintaining responsive layouts for various viewing devices.

Best way to build responsive business presentations with interactive charts?▼

The best way to build responsive business presentations with interactive charts is using this Skill, which combines Chart.js for dynamic visualizations with design tokens to ensure consistent branding across all devices.

Related Skills

Explore More Marketing & Sales Skills→
billydeeii136billydeeii136

ckm:design-system

Manage token architecture, component specifications, and slide generation for UI/UX design.

Community
Advanced
s23hs23h

report-style-guide

Generate self-contained HTML data reports with metrics dashboards and charts.

Community
Intermediate
dmccrearydmccreary
90

chartjs-generator

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

Community
Intermediate
Veloxia-agencyVeloxia-agency

ckm:slides

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

Community
Advanced