visual-explainer

To convert code changes into a readable HTML page, this Skill generates self-contained HTML files that visualize diffs and data, replacing cumbersome terminal ASCII tables with clear typography and interactive elements.

Visualizing system architecture without terminal ASCII art is done by generating self-contained HTML pages that support various diagram types, including architecture overviews and flowcharts, complete with interactive zoom and pan features.

You can automatically render terminal data tables as HTML because the Skill proactively converts complex terminal tables with four or more rows or three or more columns into visually appealing, self-contained HTML files.

Generating interactive flowcharts and data tables for documentation involves creating self-contained HTML pages that replace static text, offering customizable aesthetics and interactive Mermaid diagram elements like zoom and pan.

The visual-explainer Skill supports interactive diagrams by rendering Mermaid diagrams within self-contained HTML pages, enabling users to interact with visualizations through zoom and pan functionality for better navigation.

You should use HTML pages instead of terminal tables for code review when dealing with complex diffs or large data sets, as self-contained HTML files provide clear typography and interactive visualization that terminal ASCII art cannot offer.