ckm:slides

Create strategic HTML presentation decks with Chart.js visualizations and responsive layouts.

7|1|Updated May 14, 2026
One-click install
npx skills add https://github.com/klarbau/govtech-de --skill ckm-slides-klarbau
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:slides
Source: https://github.com/klarbau/govtech-de/tree/main/.claude/skills/slides
Command: npx skills add https://github.com/klarbau/govtech-de --skill ckm-slides-klarbau

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill removes the friction of turning ideas, data, and strategy into polished presentations by giving you a repeatable system for slide structure, visual hierarchy, and persuasive storytelling.

Core Features & Use Cases

  • Strategic presentation design: Build decks with proven narrative arcs for pitches, demos, workshops, and conference talks.
  • Responsive HTML slide output: Use a browser-ready template with navigation, spacing rules, and Chart.js support for data visualization.
  • Copy and layout guidance: Apply copywriting formulas, layout patterns, and slide strategies to make each slide clearer and more convincing.
  • Use case: Turn a rough product update or investor narrative into a coherent slide deck with a strong opening, clear problem framing, and a memorable closing.

Quick Start

Use the slides skill to create a ten-slide HTML presentation about a civic technology product with a strong problem-solution arc and one data visualization.

Frequently Asked Questions about ckm:slides

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

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

To create an HTML presentation deck, this system generates browser-ready slides with responsive layouts, Chart.js visualizations, and persuasive copywriting. You provide the narrative strategy, and it outputs a polished HTML structure with navigation and spacing rules.

What's the best way to structure a persuasive slide deck for a product pitch?▼

The best way to structure a persuasive slide deck is applying proven copywriting formulas and narrative arcs. This system frames your product pitch with a strong opening, clear problem-solution flow, and a memorable closing using strategic layout patterns.

Can I use Chart.js for data visualization within responsive HTML slides?▼

Yes, you can use Chart.js for data visualization within responsive HTML slides. The output integrates Chart.js support natively, allowing you to embed interactive charts directly into the browser-ready presentation template.

Does this presentation tool work for conference talks and workshops?▼

Yes, this presentation tool works for conference talks and workshops. It supports narrative-driven presentation scenarios including marketing pitches, product demos, and workshops by applying targeted slide strategies and layout patterns for each context.

How do I turn rough product update ideas into a coherent presentation?▼

To turn rough product update ideas into a coherent presentation, the system applies copywriting formulas and slide strategies to structure your content. It transforms raw ideas into a full HTML deck with visual hierarchy and a problem-solution narrative arc.

What are the limitations of using HTML for presentation slides?▼

A limitation of using HTML for presentation slides is that output requires a browser to view and navigate, rather than standard presentation software formats. The system focuses on browser-ready HTML structure rather than exporting to native presentation applications.