ckm:slides

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

Updated Apr 24, 2026
One-click install
npx skills add https://github.com/Veloxia-agency/VELOXIA-WEB --skill ckm-slides-veloxia-agency
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ckm:slides
Source: https://github.com/Veloxia-agency/VELOXIA-WEB/tree/main/.claude/skills/ui-ux-pro-max/.claude/skills/slides
Command: npx skills add https://github.com/Veloxia-agency/VELOXIA-WEB --skill ckm-slides-veloxia-agency

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill turns rough topics into persuasive presentation decks, removing the time-consuming work of structuring slides, shaping the narrative, and making the design feel polished and on-brand.

Core Features & Use Cases

  • Strategic deck creation: Builds presentation flows for marketing pitches, investor updates, product demos, and internal storytelling.
  • Responsive HTML slide design: Uses reusable layouts, design tokens, navigation controls, and mobile-friendly slide structure.
  • Data-driven visuals: Supports Chart.js charts, metrics slides, comparison layouts, and visual proof points.
  • Copywriting guidance: Applies slide strategies, headline patterns, and persuasion formulas to make each slide clearer and more compelling.
  • Use case: Turn a simple product brief into a full HTML pitch deck with a strong opening, evidence-backed middle, and a closing call to action.

Quick Start

Use the slides skill to create a persuasive HTML presentation about your topic with the slide count you want.

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 pitch deck from a simple topic outline?

Generate an HTML pitch deck by providing a topic and desired slide count to produce a persuasive presentation with structured narrative, copy-optimized content, and responsive slide layouts.

Can I add Chart.js visualizations and data-driven charts to HTML presentation slides?

Yes, you can add Chart.js visualizations to HTML presentation slides. The Skill supports data-driven storytelling by integrating Chart.js charts, metrics slides, and comparison layouts for visual proof points.

What is the best way to structure an investor deck using responsive HTML slides?

The best way to structure an investor deck is by applying built-in slide strategies and persuasion formulas to create a strong opening, evidence-backed middle, and a closing call to action using responsive HTML slides.

Do HTML presentations created with this approach support mobile-friendly layouts and design tokens?

Yes, HTML presentations support mobile-friendly layouts and design tokens. The Skill uses reusable layouts, design tokens, and navigation controls to ensure slide structure adapts responsively across devices.

Does this slide strategy tool work for marketing pitches and product demos without external dependencies?

Yes, this slide strategy tool works for marketing pitches and product demos without external dependencies. It routes reference-driven layouts and copywriting guidance internally to build polished interactive presentations.