skills.rest
nmoralescyber
nmoralescyberCOMMUNITY
Explore all skills by this author →
GitHub

ckmslides

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
One-click install
npx skills add https://github.com/nmoralescyber/claude-skill-optimization --skill ckmslides
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
AgentPMTAgentPMT

file-to-json-parsing

Parse CSV, HTML, JSON, ICS, spreadsheets, PDFs, and RTF into structured JSON.

Official
Intermediate
hmzainjamilhmzainjamil
1

html-to-ppt

Convert HTML and Markdown into PowerPoint presentations with Marp-based slide generation.

Community
Intermediate
calvingitcalvingit
2

ckm:slides

Convert strategic communication needs into HTML slide decks with Chart.js and design tokens.

Community
Advanced
MuhammadUAMuhammadUA

presentations

Create, validate, and export 1920x1080 HTML slide decks to PDF and PPTX.

Community
Intermediate