slide-deck

slide-deck is a skill for Claude Code from coreyhaines31/makerskills. It costs 259 tokens per session (4,475 once invoked), scanned A, original, MIT.

A workflow for creating, updating, converting, and exporting slide decks built with React and TypeScript. React is a tool for building web interfaces, and TypeScript is JavaScript with added type checking.

In plain words
What is it for?
Use it to draft branded decks, revise existing slides, convert PPTX files, or export decks as HTML, PDF, or a Vercel site.
Why use it?
It keeps deck content aligned with an existing slide system and supports both new presentations and conversions from PowerPoint files.

Skill for Claude Code

Written for Claude Code: shipped in a Claude Code plugin.

Part of the makerskills plugin — 21 skills shipped together

Good fit Use it to draft branded decks, revise existing slides, convert PPTX files, or export decks as HTML, PDF, or a Vercel site.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/coreyhaines31/makerskills/slide-deck
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add coreyhaines31/makerskills --skill slide-deck
Clone the repo
git clone --depth 1 https://github.com/coreyhaines31/makerskills

Made for: Claude Code.

Or install makerskills, the plugin that ships this one along with the rest of its 21 skills.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for slide-deck

README.md
[![agentmods](https://agentmods.dev/badge/skills/coreyhaines31/makerskills/slide-deck/github.svg)](https://agentmods.dev/skills/coreyhaines31/makerskills/slide-deck)
Your own site
<a href="https://agentmods.dev/skills/coreyhaines31/makerskills/slide-deck"><img src="https://agentmods.dev/badge/skills/coreyhaines31/makerskills/slide-deck/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for slide-deck

Your own site · 80×15
<a href="https://agentmods.dev/skills/coreyhaines31/makerskills/slide-deck"><img src="https://agentmods.dev/badge/skills/coreyhaines31/makerskills/slide-deck.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 259 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 4,475 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe. Third-party audits
  • NVIDIA SkillSpector pass 7 Sept 2026
How audits are shown
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00259 $0.04475
Opus 5 $0.00130 $0.02237
Sonnet 5 $0.00052 $0.00895
Haiku 4.5 $0.00026 $0.00447

Measured 9d ago against content hash 5d64c8a65340, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-08, from the pricing page.

Security

Grade A, and why

slide-deck scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 9d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

skills/slide-deck/SKILL.md · 298 lines

How it starts

The opening of the file, as written. The whole thing — 298 lines — stays where its author put it; the contents beside it link to each section on GitHub.

/slide-deck — Draft, update, convert, and export branded React decks

Authors React/TypeScript decks for ${SLIDE_DECK_REPO:-$HOME/code/your-slide-deck-site}/src/app/slides/<slug>/page.tsx using the user's slide system. Branded output (no separate HTML pipeline) — when portable HTML/PDF is needed, export mode snapshots the rendered React deck via Playwright so the output is brand-perfect.

Modes (pick one before Step 1)

Mode Invocation Goal
new /slide-deck new <topic> (default) Draft a new deck from a brief
update /slide-deck update <slug> Modify an existing deck (with overflow guards)
ppt /slide-deck ppt <path-to-pptx> Convert a legacy PPTX into a React deck
export /slide-deck export <slug> [html|pdf|vercel] Snapshot a deck to HTML, PDF, or Vercel URL

For update, ppt, and export, skip to the corresponding mode section below. For new, continue through Steps 1–8.


Step 1 — Capture the brief (ask all at once)

Ask in one structured message. Don't round-trip on each.

  1. Topic / title — what's the deck about?
  2. Audience — who's in the room? (technical / executive / mixed / clients) Push for specificity: "founders" is too broad; "B2B SaaS founders at MicroConf" is workable.
  3. Length — rough slide count: 5–10 (lightning / short internal) / 10–15 (short keynote, pitch) / 20–25 (keynote) / 30+ (workshop — uncommon for branded decks).
  4. Densityspeaker-led (1 idea/slide, big type, lots of breathing room, more slides if needed) or reading-first (4–6 bullets/slide, structured grids, self-contained for async review).
  5. CTA — what should the audience do/think/feel after?
  6. Slug — kebab-case (e.g., marketing-like-an-engineer).
  7. Content state — all content ready / rough notes / topic only.

Remember density — it affects slide count, copy length per slide, and which primitives to favor. See references/narrative-and-voice.md for the density-specific rules.

Read the full file on GitHub · 298 lines

Files

What ships with it

5 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 9d ago First seen · 298 lines · 259 tokens per session scan A 5d64c8a65340

Subscribe to this mod's changes

slide-deck is a skill published in the GitHub repository coreyhaines31/makerskills (795 stars, last pushed 4d ago), licensed MIT. It adds 259 tokens to every session and 4,475 once invoked, about $0.0013 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other skills, from other repositories

Remotion

Creates programmatic video with React via Remotion — compositions, sequences, and motion graphics animated with useCurrentFrame() and rendered to MP4. USE WHEN video, animation, motion graphics, video rendering, React video, render video, animate content, make a short, create animations, video overlay, explainer…

danielmiessler/LifeOS · 121 tokens

render-ios-keyboard

Render a static iOS QWERTY keyboard as inline HTML+CSS sized for the 750-wide 9:16 stage. Includes the 3-suggestion bar, alpha keys, shift/backspace, 123/emoji/space/return row, and the bottom globe+mic strip. No animation logic — slide up/down is the molecule's job (CSS transform on the .keyboard root).

gooseworks-ai/goose-skills · 86 tokens

animate

Generate animated videos and motion graphics from natural language descriptions. Creates a standalone Vite + React project with Framer Motion scenes that auto-play in the browser. Use when the user wants to create animations, motion graphics, video intros, animated presentations, or product demos.

OneWave-AI/claude-skills · 55 tokens

companion-skill

An AI companion skill for developers and office workers during long-running or repetitive tasks. It provides conversation, feedback, generated lifestyle images, and messages sent through Feishu, a workplace collaboration app.

anbeime/skill · 86 tokens

animation-reverse-engineering

Reverse-engineer any motion reference (a video from X/Twitter, Dribbble, a screen recording, a GIF) into production animation code through frame-level dissection. Use when the user shares a video/URL and says "implement this animation", "recreate this motion", "port this interaction", "how does this animate", "clone…

sendaifun/skills · 176 tokens

frontend-design

Writes production-grade, distinctive interface code — one strong art direction (editorial, brutalist, soft-depth, retro-terminal), a real typographic scale, custom details (cursor, selection, focus states), semantic HTML, delivered as a single file or as components. Ships with an anti-AI-slop checklist so nothing…

alebgl77/claude-inc · 107 tokens