← All Skills
A Claude agent skill that turns cryptic terminal ASCII diagrams and pipe-and-dash tables into polished, browser-ready HTML pages or slide decks. Great for architecture diagrams, diff reviews, plan audits, data tables and project recaps.
Key Features
- Turn text into styled HTML pages
- Interactive Mermaid diagrams
- Diff review & plan audits
- Dark/light themed slide decks
Installation
Claude Code (marketplace):
/plugin marketplace add nicobailon/visual-explainer
/plugin install visual-explainer@visual-explainer-marketplace
Codex CLI: copy to ~/.codex/skills/visual-explainer
OpenCode: copy to ~/.config/opencode/skill/visual-explainer
How to Use
Just ask the agent to "draw a diagram of our auth flow", run /diff-review on changes, or /plan-review on a plan doc. The skill generates a self-contained HTML page and opens it in your browser. In Claude Code the commands are namespaced as /visual-explainer:.
Requirements
Needs an Agent Skill-capable agent (Claude Code, Codex CLI, OpenCode, Cursor, Pi or OpenClaw) and a browser; no build step or extra dependencies.
Related Skills