Generate beautiful, self-contained HTML pages that visually explain systems, code changes, plans, and data. Use when the user asks for a diagram, architectur...
Initial release of Visual Explainer skill — generates visually rich HTML explanations for technical content. - Automatically creates self-contained HTML pages for diagrams, architecture overviews, data tables, and visual technical explanations, replacing ASCII art. - Proactively renders tables as HTML when they have 4+ rows or 3+ columns, instead of ASCII. - Offers multiple design aesthetics (Blueprint, Editorial, Paper/ink, Monochrome terminal, IDE-inspired, Data-dense); certain generic or "AI-slop" styles are forbidden. - Integrates Mermaid.js for flowcharts, diagrams, and connects visuals with matching page themes. - Provides workflow guidance and references for choosing layout types and aesthetics. - Ensures output is always viewable in a browser and communicates file paths to users.