Visual Explainer

When to use

• User asks for a visual explanation, architecture overview, or comparison table
• About to render a complex ASCII table (4+ rows or 3+ columns) in the terminal
• Need a branded, self-contained HTML visualization with Lerian styling
• User asks for diff review, plan review, project recap, or dashboard visualization

Skip when

• User needs a lightweight, shareable mermaid.live URL (visualize generates self-contained HTML, not mermaid.live links)
• Output is a simple table (fewer than 4 rows and 3 columns) that fits well in terminal
• User explicitly requests plain text or markdown output

Generate self-contained HTML files for technical diagrams, visualizations, and data tables. Always open the result in the browser. Never fall back to ASCII art when this skill is loaded.

Proactive table rendering: If the table has 4+ rows or 3+ columns → HTML page. Don't wait for the user to ask.

Standard Template (MANDATORY)