visual-explainer

name	visual-explainer
description	Generate beautiful, self-contained HTML pages that visually explain systems, code changes, plans, and data. Use when the user asks for a diagram, architecture overview, diff review, plan review, project recap, comparison table, or any visual explanation of technical concepts. Also use proactively when you are about to render a complex ASCII table (4+ rows or 3+ columns) — present it as a styled HTML page instead.
license	MIT
compatibility	Requires a browser to view generated HTML files. Optional surf-cli for AI image generation.
metadata	{"structure":"tiny_front_door_v1","references":{"index":"references/INDEX.md"},"tags":["visualization","html","diagrams","tables"],"updated_at":"2026-06-13","status":"reviewed","author":"nicobailon","version":"0.6.3","source":"https://github.com/nicobailon/visual-explainer","upstream-commit":"8f1d0e38ab0f265632a31d2fd032f7b730c98c15"}