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.