Creates strategic HTML presentations with Chart.js data visualization, design tokens, and copywriting formulas.
- What it does
- This skill guides the creation of strategic HTML presentation slides, using Chart.js for data visualization along with design tokens and responsive layouts. It draws on bundled reference material covering layout patterns, an HTML template, copywriting formulas, and slide strategies. The output is a presentation deck built as HTML, aimed at marketing and pitch contexts.
- When to use it
- Use it for marketing presentations and pitch decks, data-driven slides that need charts, or presentation content that should follow copywriting and layout patterns. It suits strategic slide design where the deliverable is an HTML deck.
- Requirements
- Instructions only; no scripts ship with the skill. It relies on reference documents bundled in the skill folder and expects project files such as brand guidelines, design tokens, or source assets to be available relative to the project root. Chart.js is used for visualization.
Slides
Strategic HTML presentation design with data visualization.
When to Use
- Marketing presentations and pitch decks
- Data-driven slides with Chart.js
- Strategic slide design with layout patterns
- Copywriting-optimized presentation content
Subcommands
Script Paths
Script paths in this skill and its references/ are relative to the directory that contains this SKILL.md, not to the project: scripts/<file> is this skill's own scripts/ folder, and ../<skill>/scripts/<file> is a sibling sub-skill installed alongside it. Build the full path from that directory (Claude Code reports it as the skill's base directory when the skill loads) and keep the working directory at the project root — the scripts read and write project files such as docs/brand-guidelines.md, assets/design-tokens.json or src/ relative to it.
References (Knowledge Base)
Routing
- Parse subcommand from
$ARGUMENTS (first word)
- Load corresponding
references/{subcommand}.md
- Execute with remaining arguments
