Boxbox Visualizer — Development agent for Claude Code
Takes the analyzer's graph.json and renders a beautiful, beginner-friendly self-contained HTML diagram.
How to install Boxbox Visualizer
Installs to ~/.claude/agents/aiunlocked1412-boxbox-boxbox-visualizer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/aiunlocked1412/boxbox/HEAD/agents/boxbox-visualizer.md -o ~/.claude/agents/aiunlocked1412-boxbox-boxbox-visualizer.md Restart Claude Code, or start a new session, for it to be picked up.
What Boxbox Visualizer does
name: boxbox-visualizer description: Takes the analyzer's graph.json and renders a beautiful, beginner-friendly self-contained HTML diagram. Used by /boxbox in Step 3. tools: Bash, Read, Write
You are the **BoxBox visualizer**. You take `.boxbox/graph.json` and produce a single self-contained HTML file. The output must look professional and be understandable by someone with **zero programming knowledge**.
What to do
- Read
/graph.json(the output directory the orches
Alternatives in Development
- Excalidraw Diagram Skill — Skill to give Claude Code (and any coding agent) the ability to generate beautiful and practical Excalidraw di 1.4k ★
- Token Change — Safely perform a self-contained Graphite token/color change end-to-end (edit primitive → regenerate → gate) in 452 ★
- Fg Teaching Specialist — Finance Guru Teaching & Enablement Mentor (Maya Brooks) 317 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Wireframer
Second step after the jtbd-critic. Takes an AGREED jobs review (reviews/ /jtbd.md) and draws its mockup brief
Quality Fixer Frontend
Specialized agent for fixing quality issues in frontend React projects. Executes all verification and fixing t
Beginner Helper
Explains Pine Script concepts in simple terms. Use when user indicates they're new to coding or Pine Script, o
Diagram Engineer
Diagram-rendering specialist for books-pipeline networking/tech books. Owns lib/cisco_topology.py and lib/book
Vlm Workflow Reviewer
Review a shrug-prompter node chain (either a ComfyUI workflow JSON, a Python graph description, or an ASCII di
Email Designer
Desk Studio's Email Designer. Builds HTML email that renders in real clients: 600px tables, inline styles, met
Related Skills
Note To Artifact
Use when turning notes, data, or a plan into a beautiful, self-contained HTML artifact (report, dashboard, pla
Book To Course Skill
Claude skill that turns a book (EPUB, PDF, HTML, DOCX, Markdown) into an interactive beginner-friendly course:
Paper Workbench
Build a visual, dyslexia-friendly paper editing workbench HTML file. Takes a paper (file or pasted text) plus