Flow Visual Explainer

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.

Output directory: ~/clawd/output/diagrams/ Open in browser: exec: open ~/clawd/output/diagrams/filename.html

Trigger Conditions

Use this skill when:

• User asks to "draw", "diagram", "visualize", "chart", "map out", or "explain" something visually
• User asks for architecture overview, system diagram, flow diagram, sequence diagram, ER diagram
• User asks for a diff review, plan review, project recap, or fact-check
• User asks for a slide deck or presentation
• You are about to render a table with 4+ rows or 3+ columns — render HTML instead automatically
• User asks to compare N things against M criteria (always a table → always HTML)