SKILL.md · UI UX Pro Max / ClaudeKit

Slides

Create HTML presentations with responsive layouts, design tokens, and Chart.js visuals.

Download SKILL.md Read the source

Hosted with license and attribution. This is a reviewed version, not an automatic mirror of the latest release.

When to choose it

A strategic pitch or data presentation viewed in the browser.

What to know first

HTML slide output rather than native PowerPoint. Install the supporting references and templates.

Use it in your project

Install the creator’s full package, including its scripts and references. The MD download alone may be incomplete.

Repository installation option:

npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill slides

Review the repository and the installer before running a command. Follow the creator’s documentation if its recommended setup differs.

Tools documented by the source: Claude Code, Codex, Cursor. Compatibility and output quality have not been independently tested.

Read the setup guide

Read the Markdown

Plain-text preview of the reviewed file. Links and instructions below are the creator’s content.

Open SKILL.md · 1,718 characters

---
name: slides
description: Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
argument-hint: "[topic] [slide-count]"
metadata:
  author: claudekit
  version: "1.0.0"
---

# 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

Compare the alternatives

Similar tasks can need different instructions. Compare the scope and setup before choosing.

Compare these resources