Slide Deck — Testing skill for Claude Code

slide-deck

A [Claude Code](https://claude.com/claude-code) / agent **skill** for building presentable, animated slide decks as a React web app — **Vite + React + TypeScript + Framer Motion**, one cinematic background image per slide (generated with the Codex CLI), QA'd slide-by-slide with agent-browser.

Scope is **authoring + local QA** — it builds and verifies the deck; deployment is left to you.

Install

With the [`skills`](https://github.com/vercel-labs/skills) CLI:

# install into this project (.claude/skills or .agents/skills)
npx skills add knowsuchagency/slide-deck

# or globally for Claude Code
npx skills add knowsuchagency/slide-deck -g -a claude-code

This skill is also published as part of the [`knowsuchagency/skills`](https://github.com/knowsuchagency/skills) collection.

What's inside

• SKILL.md — the procedure the agent follows (scaffold → plan slides → generate images → QA → present).
• template/ — a complete, proven Vite + React + motion scaffold. Copy it, edit src/slides.ts, and run. Includes helper scripts for Codex image generation and agent-browser QA.

Quick start (template, standalone)

cp -r template ~/my-deck && cd ~/my-deck
bun install && bun run dev
# edit src/slides.ts and src/deck.config.ts; generate images; present with F

See [`SKILL.md`](./SKILL.md) for the full workflow.

License

MIT