Ask an AI assistant to draw an architecture or call graph diagram that links each node to its source file and line.
Generate a UML sequence or class diagram of a codebase directly inside your editor.
Click a diagram element to jump straight to the relevant line of code instead of searching for it manually.
Export a diagram created by the AI to formats like Mermaid, draw.io, or interactive HTML for sharing.
| tch1001/jarbobo | amirmahdavi2023/d1-admin | anil-matcha/open-poe-ai | |
|---|---|---|---|
| Stars | 4 | 4 | 4 |
| Language | JavaScript | JavaScript | JavaScript |
| Last pushed | — | — | 2026-06-25 |
| Maintenance | — | — | Active |
| Setup difficulty | moderate | easy | moderate |
| Complexity | 3/5 | 2/5 | 3/5 |
| Audience | developer | developer | developer |
Figures from each repo's GitHub metadata at analysis time.
Requires building the extension from source with npm and packaging it as a VS Code extension, Cursor and Claude Code need manual MCP config.
Jarbobo is an editor extension that lets an AI assistant like Claude draw real, interactive diagrams directly inside your code editor instead of describing systems with plain text or mermaid style diagrams. It connects through MCP, a protocol that lets AI tools call outside tools, and works with editors like VS Code and Cursor. The diagrams it produces are not static pictures. Every node in a diagram can carry a tooltip that shows on hover, a detail panel that opens on click, and a link to an actual file and line number in your code, so clicking an element jumps your editor straight to that source location. Nodes can also carry an ordered list of code references, each shown with syntax highlighted code pulled from disk, or a link out to documentation or a pull request. The tool offers several diagram types through separate commands: general graphs for architecture and dataflow, UML sequence diagrams with activation bars and loop or conditional frames, UML class diagrams with proper inheritance and composition relationships, swimlane diagrams for cross functional processes divided by owner, and timeline diagrams for milestones and phases. Diagrams can be listed and reopened later, and every edit to a diagram is saved as a new version rather than overwriting the old one, with a version picker to flip back through history. Finished diagrams can be exported to formats like Mermaid, draw.io, Graphviz DOT, LaTeX, JSON, SVG, PNG, or a self contained interactive HTML file. By default, the tool requires that diagram elements include a code reference, and it rejects a draw request that leaves this out with a message telling the AI exactly what to fix, though this check can be turned off for diagrams unrelated to code. Installing it involves cloning the repository, running an npm build, and packaging it as a VS Code extension. In stock VS Code it registers its bundled MCP server automatically, while Cursor and Claude Code currently require adding the server manually to their MCP configuration. The project is released under the MIT license.
Jarbobo is an MCP tool that lets an AI assistant draw interactive, code-linked diagrams directly inside VS Code or Cursor instead of plain text.
Mainly JavaScript. The stack also includes JavaScript, MCP, VS Code.
Setup difficulty is rated moderate, with roughly 30min to a first successful run.
Mainly developer.
This repo across BitVibe Labs
Verify against the repo before relying on details.