Use /visual-explainer:generate-web-diagram
Generate a beautiful, self-contained HTML page that visually explains any topic as a diagram, architecture overview, or data visualization.
Command Specification​
---
description: Generate a beautiful standalone HTML diagram and open it in the browser
---
Load the visual-explainer skill, then generate an HTML diagram for: $@
Follow the visual-explainer skill workflow. Read the reference template and CSS patterns before generating. Pick a distinctive aesthetic that fits the content — vary fonts, palette, and layout style from previous diagrams.
Write to `~/.agent/diagrams/` and open the result in the browser.