# Visual Explainer

> Skill that turns terminal output into readable HTML pages and slides

- Category: Agent skills (`skills`)
- Tags: `open-source`, `free`, `mcp`
- Official: https://github.com/nicobailon/visual-explainer
- Wunderlust: https://wunderlust.xyz/r/visual-explainer
- Image: https://wunderlust.xyz/media/visual-explainer-poster.jpg
- Video preview: https://wunderlust.xyz/media/visual-explainer.webm
- Added: 2026-11-05

## What it is

Agent skill that generates self-contained HTML pages or slide decks with SVG diagrams instead of ASCII and dense tables, and opens them in the browser.

## What it’s for

Use it to understand diff reviews, plans, option comparisons and architectures without reading the terminal.

## Benefits

- Commands for diagrams, diff review, plan audit, project recap and slides, with best-effort PPTX export
- Hand-drawn SVG diagrams, with Mermaid only on request
- Eleven color themes with a picker

## Caveats

- MIT license, no price
- The optional MCP server and video renderer require ffmpeg or Chrome
- The version redistributed in the course may not be identical; the course is paid and the instructions were not retested

## Similar on Wunderlust

- [Diagram Design](https://wunderlust.xyz/r/diagram-design.md): A skill that generates editorial diagrams in a single HTML file with SVG
- [Frontend Slides](https://wunderlust.xyz/r/frontend-slides.md): Skill that creates presentations as HTML pages and converts PowerPoint
- [Anatomy](https://wunderlust.xyz/r/anatomy.md): Skill that creates interactive isometric machine illustrations to explain technical ideas
- [Codebase Memory MCP](https://wunderlust.xyz/r/codebase-memory-mcp.md): An MCP server that indexes a repository into a local knowledge graph
- [Chrome DevTools MCP](https://wunderlust.xyz/r/chrome-devtools-mcp.md): An MCP server that gives agents control and inspection of a real Chrome
- [shadcn/ui MCP Server](https://wunderlust.xyz/r/shadcn-ui-mcp-server.md): An MCP server that gives agents shadcn/ui code and metadata