slide-wright

How it works

1. Tell it what you want. A topic, rough notes, or a full outline — whatever you have.
2. It asks two things. How many design directions you want to compare, and whether you want animation.
3. It generates the themes. A custom color palette, typography, and a 2-slide preview for each direction. It opens the previews for you.
4. You decide. Pick one and it builds the whole deck. Want a different vibe? It generates fresh directions and shows new previews. Repeat until it's right.
5. You get your deck. A polished, self-contained presentation. Export it to PDF or PowerPoint, or deploy it to a live URL for a link that works on any device.

https://github.com/user-attachments/assets/911a77d8-fae4-48aa-81a0-594e675534c9

Examples

"/slide-wright Create a Q3 board update for Corvid Labs, a B2B observability SaaS"

"/slide-wright Generate a presentation for ClickHouse, keep theme yellow"

"/slide-wright Create a presentation on MCP with this outline: [outline]"

Installation

Claude Code (Plugin Marketplace)

1. Register the marketplace:

   /plugin marketplace add arifszn/slide-wright
   

2. Install the plugin from this marketplace:

   /plugin install slide-wright
   

Other agents (Codex, OpenCode, Antigravity, Gemini, Cursor, …)

slide-wright is a standalone skill that works in any agent supporting the SKILL.md format. See INSTALL.md for per-agent skills paths.

Just tell your agent to install it — paste:

Fetch and follow the install instructions from
https://raw.githubusercontent.com/arifszn/slide-wright/refs/heads/main/INSTALL.md

Or install it via npx:

npx skills add arifszn/slide-wright

Usage

After installing, invoke the skill by name with what you want:

/slide-wright Make me a slide deck about <your topic>

It asks how many design directions to preview and whether to animate, then shows a short preview of each. Pick one and it generates the full deck. You can hand it rough notes or an outline instead of a topic, and ask it to revise the design or content anytime.

A plain request without the name ("Make me a slide deck about...") also works, but apps with their own built-in slide builder may route it there instead. Naming the skill makes sure slide-wright handles it.

Keyboard shortcuts

Key	Action
F	Fullscreen
Esc / O	Slide overview
S	Speaker view with notes
B / .	Pause to a black screen
?	Show the full list of keys

Export to PowerPoint

Ask the agent to export the deck as a PowerPoint file. Text comes out as editable text boxes with speaker notes, and local videos are embedded; shapes, charts, and images are baked into each slide's background, so they look the same but are not editable. Fonts are not embedded, so on a machine without the deck's fonts PowerPoint substitutes similar ones. Use the PDF export when exact typography matters.

/slide-wright Export my deck to PowerPoint

Or run it yourself (needs Node 18+ and Chrome; dependencies install on first run):

node slide-wright/scripts/export-pptx.mjs deck.html

Export to PDF

Just ask the agent to export the deck, and it walks you through it:

/slide-wright Export my deck to PDF

To do it yourself: add ?print-pdf to the deck URL, then open the print dialog (Cmd/Ctrl + P) and save as PDF. Choose Landscape, set margins to None, and turn on background graphics.

Deploy to a live URL

The deck is a single self-contained HTML file, with the theme inline and the engine and fonts from a CDN, so there's no build step and no assets to bundle. Any static host will serve it.

The simplest route is to ask the agent to deploy it. It offers Surge, Vercel, and Netlify, walks you through the login for whichever you pick, and hands back the live URL:

/slide-wright Deploy my deck to a live URL

To do it yourself, put the deck in an empty folder as index.html and push that folder to any static host: GitHub Pages, Cloudflare Pages, S3, or anywhere else that serves static files.

License

MIT