Universal skill for Claude Code, Cursor, Codex, Gemini CLI, and Copilot. Generate a deck from plain notes, export it to native, editable PowerPoint, Keynote, or Google Slides, or fine-tune it in the studio. 25 visual styles, nine layouts, zero design skills.
Drop any raw content — bullet points, a meeting transcript, a spec doc, a README — and the skill handles the rest. It sequences your material, chooses layouts, and renders a self-contained HTML file ready to open in a browser or share as a single attachment.
Paste bullet points, a rough outline, a product brief, or anything you have. The agent reads it all and sequences it into a logical slide flow — you don't need to pre-structure anything.
Choose a theme: the warm Claude-inspired flagship, dark edgy tech, formal corporate, playful creative, luxury minimalist, or retro arcade. Same data, completely different look. You can override any theme later without re-writing your content.
A single, self-contained HTML file lands in your project. Open it in any browser — no server, no build step, no framework. Share it, email it, or drop it into Notion. It just works.
The free browser Studio is a full deck workbench. No account, no upload — your deck and your API key never leave your browser.
Describe your deck and get an editable one back. Bring your own Claude API key to generate in-browser, or copy a ready-made prompt into the agent you already use. Pick Opus 4.8, Sonnet 4.6, or Haiku 4.5.
Every rendered deck embeds its own source spec, so you can reopen a created .html and edit it with live preview. Change layouts, swap themes, rewrite copy — autosaved to your browser.
Present fullscreen with keyboard navigation, or export native, editable PowerPoint that opens in Keynote and imports into Google Slides — real shapes and text, not screenshots.
Swap the entire look of a deck by changing a single "theme" key. Each theme is a versioned JSON package: color roles, typography, geometry. Install community themes with npm i @presentation-skill-pack/theme-<name>.
Anthropic-inspired — warm cream paper, clay-coral accent, grotesk + editorial serif. Calm, human, high-craft.
Edgy tech startup — dark canvas, violet + cyan neon, bold geometric sans.
Formal corporate — crisp white, navy text, single restrained blue accent, clean sans-serif.
Playful creative agency — bright warm white, bold coral + lime accents, rounded, sticker-style.
Warm off-white canvas, dark charcoal, thin serif display, hairline borders, no gradients.
Retro 80s arcade — deep purple-black, magenta + cyan neon glow, pixel display font.
Every slide picks exactly one layout. The agent chooses the right one for the content; you can always override. Each layout is a purpose-built HTML/CSS template — no DIY needed.
Full-bleed hero with eyebrow, headline, and a lead line. Opens any deck.
Text on the left, image or content block on the right. Great for before/after or feature + visual pairs.
2, 3, or 4 icon cards in a grid. Icons from FontAwesome. The go-to for listing capabilities or pillars.
Large pull-quote with optional attribution. Perfect for a customer voice or a strong thesis statement.
A row of 2–4 big-number stats with labels. Punchy metrics — revenue, users, NPS, retention.
Numbered steps in a vertical flow. Roadmaps, onboarding sequences, historical milestones.
Structured comparison or data table with column headers. Pricing tiers, feature matrices, benchmark results.
A minimal divider slide: number, heading, optional lead. Use to break a long deck into chapters.
Closing hero with a headline and a CTA button. Ends the deck with a clear next step or call to action.
Every deck below was generated using the presentation-generator skill — same workflow, radically different visual language. Bauhaus primaries, vaporwave grids, risograph zines, Art Deco gold, engineering blueprints, Spotify-Wrapped full-bleed. Open any to see it live.
The @presentation-skill-pack/install CLI copies the skill files to the right place for each agent. Full mode also registers the MCP server so five tools — render_deck, list_themes, get_theme, validate_deck, create_deck — are available in-context. Copilot writes to .github/copilot-instructions.md in your project root.
# full install — skill + MCP server (recommended) npx @presentation-skill-pack/install claude-code # lite — skill only, no MCP server npx @presentation-skill-pack/install claude-code lite # after install: restart Claude Code, then ask — # "Build a 10-slide pitch deck from these notes: ..."
# run from the root of your project (writes .github/copilot-instructions.md) npx @presentation-skill-pack/install copilot # lite — skill only, no .vscode/mcp.json npx @presentation-skill-pack/install copilot lite # full mode also writes .vscode/mcp.json for Copilot MCP tool calls # after install: reload VS Code window, then ask Copilot Chat — # "Build a 10-slide pitch deck from these notes: ..."
# full install — .mdc rule + MCP server npx @presentation-skill-pack/install cursor # lite — .mdc rule only npx @presentation-skill-pack/install cursor lite # lands at: ~/.cursor/rules/presentation-generator.mdc
# full install — skill + MCP server npx @presentation-skill-pack/install codex # lite — skill only npx @presentation-skill-pack/install codex lite # lands at: ~/.codex/skills/presentation-generator/
# full install — extension + MCP server npx @presentation-skill-pack/install gemini-cli # lite — extension only npx @presentation-skill-pack/install gemini-cli lite # lands at: ~/.gemini/extensions/presentation-generator/
# render a deck JSON to HTML npx @presentation-skill-pack/render deck.json -o deck.html npx @presentation-skill-pack/render deck.json -o deck.html --theme corporate # list installed themes npx @presentation-skill-pack/render --list-themes # validate without rendering npx @presentation-skill-pack/render --validate deck.json # or install globally npm i -g @presentation-skill-pack/render
presentation-skill-pack is a free, open-source skill for AI coding agents. It gives Claude Code, Cursor, OpenAI Codex, Gemini CLI, and GitHub Copilot a structured, schema-validated way to generate polished slide decks. The agent fills a Deck JSON spec; a renderer turns it into a single self-contained HTML file — no design skills, no build tool, no hosting required.
Run npx @presentation-skill-pack/install <agent> — replace <agent> with claude-code, cursor, copilot, codex, or gemini-cli. One command installs the skill files and optionally registers the MCP server. Restart your agent afterward and ask it to build a deck.
Yes — presentation-skill-pack is completely free and MIT licensed. There is no paid plan, no account required, and no usage limits. You can use it commercially and modify it freely.
presentation-skill-pack supports Claude Code, Cursor, GitHub Copilot, OpenAI Codex, and Gemini CLI. It also works as a standalone CLI and exposes an MCP server compatible with any MCP-enabled agent. It is not locked to any single AI provider.
Each deck is a single self-contained HTML file. It opens in any browser, requires no hosting, no export, and no build step. You own the file and can share it as an email attachment, put it on a CDN, or open it locally. See the gallery of 25 showcase decks at presentation-skill-pack.vercel.app for live examples.
Gamma, Tome, and Beautiful.ai are web apps you open in a browser — separate from your coding workflow and locked to their platform. presentation-skill-pack runs inside the AI agent you already use (Claude Code, Cursor, Copilot, etc.) and produces a portable HTML file you own. There is no account, no platform lock-in, and no ongoing subscription.