What problem does it solve? Technical explanations delivered as plain text or ASCII tables are hard to read and easy to misinterpret. This Skill turns architecture descriptions, diffs, plans, and tabular data into styled, self-contained HTML pages that open directly in the browser. ## Core Features & Use Cases - Diagram Generation: Produces architecture diagrams, flowcharts, sequence diagrams, ER diagrams, state machines, mind maps, and C4 views using CSS flow diagrams or themed Mermaid. - Review Workflows: Includes commands for visual diff review, plan review against the codebase, project recaps, and fact-checking documents against actual code. - Proactive Table Rendering: Automatically converts any ASCII table with 4+ rows or 3+ columns into a styled HTML table page instead of terminal output. - Use Case: After reviewing a pull request, ask for a visual diff review and receive an HTML page with an architecture comparison, risk assessment, and styled code references that you can share with your team. ## Quick Start Ask your agent to generate a visual architecture diagram of the current project as an HTML page and open it in the browser.
