ckm:slides

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

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/Faeif/linguaquest --skill ckm-slides-faeif
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ckm:slides
Source: https://github.com/Faeif/linguaquest/tree/main/.claude/skills/ui-ux-pro-max/.claude/skills/slides
Command: npx skills add https://github.com/Faeif/linguaquest --skill ckm-slides-faeif

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Creating compelling, data-informed slide decks can be time-consuming and inconsistent across teams. This skill provides a structured approach to building strategic HTML presentations that integrate Chart.js visuals, design tokens, and proven slide strategies.

Core Features & Use Cases

  • Build HTML slide templates with Chart.js charts and token-based styling for consistent branding.
  • Apply layout patterns and copywriting frameworks to create marketing, product, and executive decks.
  • Reuse knowledge-base references to generate slides tailored to a topic and audience.

Quick Start

Generate a new presentation by describing the topic and slide count, then customize visuals and tokens to match your brand.

Frequently Asked Questions about ckm:slides

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

FAQPage Schema
How do I generate HTML slide decks with Chart.js data visuals?

Generate HTML slide decks with Chart.js by defining your topic, slide count, and audience. The skill outputs production-ready HTML templates with responsive styling, integrating data-driven charts and design tokens for consistent branding.

Can I use design tokens to style HTML presentation templates?

Yes, you can use design tokens to style HTML presentation templates. The skill applies token-based styling to ensure consistent branding across all generated slides, producing responsive templates that match your visual identity system.

What's the best way to build a product roadmap presentation in HTML?

Build a product roadmap presentation in HTML by describing your topic to apply proven layout patterns and copywriting frameworks. The skill generates strategic templates tailored for marketing pitches, product roadmaps, and executive briefs.

Does this approach support executive briefs with data-driven charts?

Yes, this approach supports executive briefs with data-driven charts. It renders strategic HTML slide decks tailored for executive presentations, applying layout patterns and Chart.js visuals to create compelling data-informed briefs.

How do I customize layout patterns for marketing pitch slides?

Customize layout patterns for marketing pitch slides by loading internal references and applying copywriting frameworks. You generate the initial templates and then adjust the visuals and design tokens to match your specific brand requirements.

Are there limitations when generating responsive HTML slide templates?

Generating responsive HTML slide templates requires specifying your topic and slide count upfront. The output is focused on HTML formats with Chart.js visuals, meaning it is built for web-based presentations rather than traditional PowerPoint files.