Skip to content
alyn
nextlevelbuilder

Slides skill

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

$npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill slides
GitHub stars
147,784
Pack installs
932k
Alyn Score
83/99
Updated
11 h ago
License
MIT

Install Slides

Pick your agent. Every command is ready to paste.

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

The open skills CLI detects your agents (Claude Code, Cursor, Codex and 70+ more) and installs to the right folder. Add -g to install globally.

01

Install it

Run the command above, or upload the folder in Claude.

02

Ask naturally

Describe the task. Your agent loads slides when the request matches its description.

03

Name it if needed

If it does not trigger, say “use the slides skill”. In Codex, type $slides.

The skill itself

SKILL.md

GitHub

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

Tips for Slides

  • • Start a fresh session after installing so your agent picks up the new skill.
  • • It bundles reference files. The agent reads them only when needed, so they cost no context until then.
  • • It is part of a pack with 7 skills. Install only the ones you need with --skill to keep triggers precise.
  • • If two skills overlap, mention the one you want by name.

Questions about Slides

What does the Slides skill do?

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

How do I install Slides?

Run "npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill slides" in your project. The skills CLI installs it for Claude Code, Cursor, Codex and 70+ other agents. In Claude on the web, upload the skill folder as a ZIP under Customize > Skills.

Does Slides work in Cursor and Codex?

Yes. Slides uses the open SKILL.md format, so it works in Claude Code, Claude, Cursor, OpenAI Codex, Gemini CLI, GitHub Copilot and other agents that support agent skills.

Is Slides free?

Slides is open source on GitHub under the MIT license. It is free to install; check the license before commercial use.

Who made Slides?

Slides is published by nextlevelbuilder in the nextlevelbuilder/ui-ux-pro-max-skill repository, together with 6 other skills.

Similar skills. From other creators.