ckmslides

Name: ckmslides
Availability: InStock
Author: nmoralescyber

Generate HTML slide decks with Chart.js charts and design tokens.

Updated Apr 25, 2026

Search Tags:#cybersecurity #presentation #slides #design-tokens #chartjs #deck-design #html-decks

Ready to run

npx skills add https://github.com/nmoralescyber/claude-skill-optimization --skill ckmslides

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ckmslides
Source: https://github.com/nmoralescyber/claude-skill-optimization/tree/main/skills/design/ckmslides
Command: npx skills add https://github.com/nmoralescyber/claude-skill-optimization --skill ckmslides

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creates strategic, HTML-based presentation decks that integrate charts, design tokens, and copywriting frameworks to accelerate multi-slide output and reduce manual design toil.

Core Features & Use Cases

HTML-based decks with Chart.js-driven charts and responsive layouts.
Design-token integration for brand-consistent visuals and copywriting frameworks (Problem-Solution-Proof, Before-After-Bridge, AIDA).
Structured slide templates by meeting type (board updates, investor decks, technical architecture, customer reviews).
Specializes in cybersecurity-context decks (board risk updates, customer trust presentations, investor decks for security companies, technical architecture slide sets).

Quick Start

Generate a web-ready HTML deck by telling this skill to build a multi-slide presentation from your data.

Frequently Asked Questions about ckmslides

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

FAQPage Schema

How do I generate HTML presentation decks with Chart.js charts from raw data?▼

You generate HTML presentation decks by providing raw data to be structured into multi-slide HTML layouts with Chart.js. The output applies design tokens and copywriting frameworks to produce brand-aligned visual slides.

Can I use design tokens to keep cybersecurity investor decks brand-consistent?▼

Cybersecurity investor decks can use design-token integration to maintain brand-consistent visuals across slides. This ensures technical architecture presentations and board updates align with corporate styling guidelines.

What is the best way to structure a multi-slide customer QBR using HTML?▼

The best way to structure a customer QBR in HTML is applying copywriting frameworks like Problem-Solution-Proof and Before-After-Bridge. This provides slide-type guidance for responsive, web-ready deck layouts.

Does this approach work for technical architecture presentations and board risk updates?▼

This approach works for technical architecture presentations and board risk updates by generating structured HTML slide templates. It specializes in cybersecurity-context decks for board updates and customer trust presentations.

How do I apply AIDA and Before-After-Bridge frameworks to webinar decks?▼

Apply AIDA and Before-After-Bridge frameworks to webinar decks by mapping them to structured slide templates. This guides the copywriting flow across HTML slides to produce strategic, multi-slide presentations.

What are the limitations of using HTML slides instead of traditional presentation software?▼

HTML slides require a web browser to view and lack native presentation software editing interfaces, but they provide responsive layouts and Chart.js integration that traditional tools cannot natively render.