visualize
/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
More from elliottrjacobs/bench-skills
product-prd
Write product requirements documents from feature ideas or brainstorm output. Use when the user says "write a PRD", "product requirements", "feature spec", or needs to formalize a product concept into a structured document.
17product-tech-spec
Write technical specifications bridging product requirements and implementation. Use when the user says "tech spec", "technical spec", "architecture doc", "system design", or after writing a PRD and before planning implementation.
11product-naming
Expert naming process for products, companies, and features based on David Placek's methodology. Use when the user says "name this", "brainstorm names", "naming process", or needs to find a name for a product, feature, company, or project.
10knowledge-compound
Document solutions, decisions, and learnings into a searchable knowledge base. Use when the user says "document this", "compound this", "save this solution", "capture this", or after completing significant work that uncovered reusable knowledge.
8security-audit
Deep security audit of codebase with parallel domain-focused agents. Use when the user says "security audit", "check for vulnerabilities", "security review", or before a launch/deployment. More thorough than the security reviewer in /engineer-review.
8engineer-review
Comprehensive multi-agent code review with parallel specialist reviewers. Use when the user says "review this", "code review", "review my PR", provides a PR number or branch, or after completing a /engineer-work cycle.
8