visualize

Installation
SKILL.md

/visualize — Interactive Visual Explainer

Generate self-contained HTML pages with interactive Mermaid diagrams, styled data tables, and professional layouts. No build tools, no dependencies to install — just open in a browser.

When to Use

  • User says "visualize", "diagram", "draw this out", "map this", "show me visually"
  • User wants architecture diagrams, user flows, data flows, state machines
  • User wants to explain a system, process, or codebase visually
  • User provides a topic, codebase, or document to turn into diagrams

What It Produces

A single .html file with:

  • Interactive Mermaid diagrams (flowcharts, sequence, state, ER, etc.)
  • Zoom/pan on every diagram (buttons + scroll wheel + drag)
  • Fixed sidebar with scroll-spy navigation
  • Dark/light theme toggle
  • Styled data tables and stat cards
Related skills

More from elliottrjacobs/bench-skills

Installs
2
GitHub Stars
1
First Seen
Mar 10, 2026