/generate-slides
Generate a slide deck as a self-contained HTML page
> /plugin marketplace add nicobailon/visual-explainer > /plugin install visual-explainer@visual-explainer-marketplace
How it fires
How this command gets triggered: by you, by Claude, or both.
- Fires itselfClaude auto-loads it when your prompt matches the work.
- You can call itInvoke it directly when you want it.
- Slash command
/generate-slides
Context preview
What this command does when you run it.
Generate a slide deck as a self-contained HTML page
Command definition
generate-slides.mdname: generate-slides description: Generate a slide deck as a self-contained HTML page
Load the visual-explainer skill and generate a slide deck for: $@
Before writing HTML, read `./templates/slide-deck.html`, `./references/slide-patterns.md`, and only the shared CSS/library sections needed for the source.
Plan the deck first: inventory the source, map every item to slides, choose a narrative arc, and assign a composition to each slide. Use the 10 slide types and nav chrome from `slide-patterns.md`/`slide-deck.html`, including carousel dots, prev/next, slide count, and keyboard controls. Keep each slide to `100dvh`; split dense content across slides rather than scrolling or dropping content.
Use visual-first slides: diagrams, charts, tables, SVG accents, and images from `surf` only when they clarify the story. Vary compositions; three centered slides in a row is a smell.
Write to `~/.agent/diagrams/` and open in the browser.
An agent skill that turns complex terminal output into styled HTML pages you actually want to read. Ask your agent to explain a system architecture, review a diff, or compare requirements against a plan.
Repo: nicobailon/visual-explainer
Other commands on visual-explainer-marketplace.
- /diff-review
Generate a visual diff review for code changes
Open command - /fact-check
Verify a generated document against actual code and git history
Open command - /generate-visual-plan
Generate a visual implementation plan
Open command - /generate-web-diagram
Generate a standalone HTML diagram and open it in the browser
Open command - /plan-review
Compare an implementation plan against the current codebase
Open command - /project-recap
Generate a visual project recap for context switching
Open command