slidesby nextlevelbuilder

Slides Skill.

A Claude Code and Codex skill for PPT and slide decks: strategic HTML presentations with Chart.js, design tokens, and responsive layouts.

Presentations
HTML slides

Download OpenDesign View usage guide

nextlevelbuilder/ui-ux-pro-max-skill · .claude/skills/slides/SKILL.mdSKILL.md

--- name: slides description: Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies. --- ## When to Use ## Subcommands ## Script Paths ## References (Knowledge Base) ## Routing

Front matter and section headings read from the upstream file on 2026-09-14 · 1,718 characters in full

01 What it does

What the slides Skill Does in Claude Code and Codex

Summary, workflow and outputs, all read from the skill's SKILL.md.

From the SKILL.mdRead 2026-09-14 · not a recorded run

In the Skill's Own Terms

This skill creates strategic HTML presentations with Chart.js data visualization, design tokens, and responsive layouts. It applies copywriting formulas and contextual slide strategies to marketing presentations, pitch decks, and data-driven slides.

The skill routes through a create subcommand and provides a knowledge base of layout patterns, HTML templates, copywriting formulas, and slide strategies. Scripts operate relative to the skill directory while reading and writing project files such as docs/brand-guidelines.md, assets/design-tokens.json or src/ from the project root.

What it produces

Strategic presentation slides with HTML template, Chart.js visualizations, and applied copywriting formulas

See the example prompt ↗

How It Works

01
Parse the Subcommand
The skill extracts the first word from arguments to determine which subcommand to execute.
02
Load the Reference File
The skill loads the corresponding markdown file from the references directory that matches the subcommand.
03
Execute with Remaining Arguments
The skill runs the loaded reference instructions using any arguments that follow the subcommand.

02 Find your fit

When to Use the slides Skill

Use the slides skill in Claude Code or Codex when the job is PPT and slide decks of this kind. Fit and limits below are taken from the skill's own file.

Good Fit

Marketing presentations and pitch decks
Data-driven slides with Chart.js
Strategic slide design with layout patterns
Copywriting-optimized presentation content

Know the Boundaries

Needs Chart.jsThe SKILL.md names this dependency; the skill does not work without it in your project.

What to Provide

NeedsChart.js — named in the SKILL.md as required.

03 Inside the skill

Rules the slides Skill Gives Claude Code and Codex

3 concrete instructions, defaults and limits the SKILL.md sets for the agent — the part of the file that changes the result.

Script Path Resolution
Script paths in this skill and its references are relative to the directory containing SKILL.md, not to the project root. The working directory stays at the project root.
Project File Access
Scripts read and write project files such as docs/brand-guidelines.md, assets/design-tokens.json or src/ relative to the project root working directory.
Skill Directory Base
Build the full path from the skill's base directory that Claude Code reports when the skill loads, while keeping the working directory at the project root.

04 Put it to work

Install slides in Claude Code or Codex

One npx skills add command, then a first task in your agent and a checklist for the result.

Add slides to Claude Code, Codex or Your Agent

Run in your project; the installer asks which agent to add it to.

Terminal

npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill slides

Generic skills CLI form for .claude/skills/slides/SKILL.md; the repository may document its own path.

Give the Skill a First PPT and Slide Decks Task

Written in the skill's own terms; replace the bracketed parts with your material.

Starter prompt

Create a 12-slide pitch deck on [product launch strategy] with data visualizations for [market growth projections] and [competitive positioning]. Apply layout patterns for visual hierarchy and use copywriting formulas to strengthen the value proposition on key slides.

Source: written from the SKILL.md in the skill's own terms.

Check the First Result

What the SKILL.md itself says a correct result looks like:

Confirm that layout patterns from references/layout-patterns.md are applied consistently across slides
Check that copywriting formulas from references/copywriting-formulas.md are used in presentation content
Ensure slide strategies from references/slide-strategies.md match the presentation context
Validate that design tokens from assets/design-tokens.json are correctly applied
Test responsive layouts across different viewport sizes

In OpenDesign slides is bundled: Plugins → Skills, pick it in the top bar.

Download OpenDesign Read the quickstart

05 Open source, traceable

Source, License and Verification

Where this page's facts come from, and when they were last checked.

Author: nextlevelbuilder
Repository: github.com/nextlevelbuilder/ui-ux-pro-max-skill Branch main
Skill file: .claude/skills/slides/SKILL.md Content checksum recorded at verification; commit 7f69fed
License: MIT From LICENSE.
Repository stars: 127,450 GitHub snapshot taken 2026-09-14 for the whole nextlevelbuilder/ui-ux-pro-max-skill repository, which contains 7 skills in this catalog. Not a rating or usage count for slides.
Verified by OpenDesign: 2026-09-14 Source file, path, license text and star count were checked. Bundled in OpenDesign main (checked 2026-08-28); a live run has not been recorded on this page.

Inside the SKILL.md

When to UseLists use cases: marketing presentations, data-driven slides, strategic design, copywriting-optimized content
SubcommandsDocuments the create subcommand for generating strategic presentation slides
Script PathsExplains script path resolution relative to skill directory while working from project root
References (Knowledge Base)Lists reference files for layout patterns, HTML template, copywriting formulas, slide strategies
RoutingDescribes three-step process: parse subcommand, load reference file, execute with remaining arguments

The Skill's Own Description

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

Front-matter description from SKILL.md. The full file is about 1,718 characters. Read the full file on GitHub.

Slides

Run slides on a Real PPT and Slide Decks Task.

The slides skill ships inside OpenDesign. Download the app, pick the skill in Plugins → Skills, paste the prompt above, and read the plan before the result.

Download OpenDesign Browse all skills