# HTML Slides

Create strategic HTML presentations with Chart.js and responsive layouts.

- Repository: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill (143791 stars)
- Category: Design
- License: MIT
- Last updated: 2026-11-01
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill slides -g -a claude-code -y`
Codex: `npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill slides -g -a codex -y`
Cursor: `npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill slides -g -a cursor -y`
Gemini CLI: `npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill slides -g -a gemini-cli -y`
Claude Code plugin marketplace: `/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill`

## Description

Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# 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

| Subcommand | Description | Reference |
|------------|-------------|-----------|
| `create` | Create strategic presentation slides | `references/create.md` |

## 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)

| Topic | File |
|-------|------|
| Layout Patterns | `references/layout-patterns.md` |
| HTML Template | `references/html-template.md` |
| Copywriting Formulas | `references/copywriting-formulas.md` |
| Slide Strategies | `references/slide-strategies.md` |

## Routing

1. Parse subcommand from `$ARGUMENTS` (first word)
2. Load corresponding `references/{subcommand}.md`
3. Execute with remaining arguments