jointjs-code-playground
A Claude Code plugin to create custom JointJS-powered interactive playgrounds. It enables you to build code maps for library/codebase architectures, data explorers for database…
Plugin bundle · by clientIO
About
jointjs-code-playground is a plugin bundle for AI coding tools published by clientIO. Marketplaces we read that list it: 1 (Claude Code: claude-plugins-community). We first saw it on 2026-10-11 and have recorded no change since. As of our marketplace pass on 2026-10-13.
A Claude Code plugin to create custom JointJS-powered interactive playgrounds. It enables you to build code maps for library/codebase architectures, data explorers for database schemas, canvas builders for drag-and-drop visual composers, diff reviewers with inline commenting and call graphs, and site explorers for interactive website/docs sitemaps.
What it asks for
- Installs as a plugin bundle
None of the marketplaces we read publishes its tools or the settings it asks for.
What it declares, asks for and runs, in full
Only install plugins from developers you trust. We list what marketplaces publish and do not test plugins.
Works with
- Claude Code
From the marketplaces that list it and the MCP transport it declares, as each client documents them. We do not test plugins.
Connect
Commands and configs built only from what its marketplaces declare. We do not run them for you and do not test plugins.
As a Claude Code plugin
Built from what Claude Code: claude-plugins-community declares.
/plugin marketplace add anthropics/claude-plugins-community
/plugin install jointjs-code-playground@claude-communityWhere it is published
| Marketplace | Status | Version | Figures | Verified | First seen |
|---|---|---|---|---|---|
| Claude Code: claude-plugins-community (Open the source on GitHub) | Listed | 0.5.0 | Forks (GitHub): 0 Stars (GitHub): 6 |
Not marked |
Each figure is the marketplace's own and is never added up across marketplaces. A marketplace that publishes no figure shows none: no number is not zero.
What the bundle contains
As published on Claude Code: claude-plugins-community.
Skills: 5
canvas-buildercodemapdata-explorerdiff-reviewsite-explorer
What changed
Nothing has moved on this plugin since we started watching it.
Similar plugins
Products whose own names, descriptions, tools and skills are closest in meaning to this one, on every marketplace we read. Closeness is ranked within this list only.
-
Mermaid to assets. Source code to maps. MCP for agents.
-
siren io.github.yoavhizkiH/siren
MCP server for Siren diagramming — teach AI models to create beautiful diagrams with Siren syntax
-
Automatic creation of codebase diagrams for use in tldiagram.com
-
Create and edit architecture diagrams from your AI agent; get an SVG and a live editable canvas.
-
codex-tldraw-mcp io.github.jananadiw/codex-tldraw-mcp
A Codex stdio MCP server that generates repo-local tldraw diagrams and detects code graph drift.
-
Create, edit and organize hand-drawn diagrams (flowcharts, ER, architecture) from any AI agent.
-
flowzap io.github.flowzap-xyz/flowzap
Create workflow, sequence, architecture, and mind map diagrams via AI assistants.
-
Generate software diagrams from natural language, code, ASCII, images, Mermaid.
-
Render, verify, describe, and safely edit Mermaid diagrams through MCP.
-
Create and manage Mermaid.js flowcharts and diagrams with AI agents via MCP.
Similar plugins by marketplace
The same question asked of one marketplace at a time: is there an analog of this plugin there?
Has a listing on Claude Code: claude-plugins-community (5)
-
Automatic creation of codebase diagrams for use in tldiagram.com
-
Excalidraw toolkit for generating architecture diagrams on a live Excalidraw canvas.
-
AI-powered Draw.io diagram generation with real-time browser preview. Create flowcharts, architecture diagrams, and more through natural language.
-
Generate architecture diagrams as Excalidraw files from natural language
-
Generate professional diagrams from natural language descriptions using Kroki.io. Supports 20+ diagram types including PlantUML, Mermaid, GraphViz, D2, C4, ERD, and more…
Has a listing on Claude Code: claude-plugins-official (5)
-
Creates interactive HTML playgrounds — self-contained single-file explorers with visual controls, live preview, and prompt output with copy button. Includes templates for design…
-
Secure access to Miro boards. Enables AI to read board context, create diagrams, and generate code with enterprise-grade security.
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Design or redesign frontend UI and marketing graphics on the Superdesign infinite canvas. Reads your codebase for context, sets up a design system, and generates branchable design…
-
Comprehensive feature development workflow with specialized agents for codebase exploration, architecture design, and quality review
Has a listing on Claude: knowledge-work-plugins (5)
-
Secure access to Miro boards. Enables AI to read board context, create diagrams, and generate code with enterprise-grade security.
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Build multimodal AI applications with Pixeltable -- tables, computed columns, embedding search, UDFs, tool-calling agents, and 25+ AI provider integrations.
-
Write SQL, explore datasets, and generate insights faster. Build visualizations and dashboards, and turn raw data into clear stories for stakeholders.
-
Create production-ready Pendo in-app guides (walkthroughs, announcements, alerts, polls, promotions) as HTML/CSS/JS from a short intake conversation, using Pendo's guide…
Has a listing on Codex: openai-curated (openai/plugins) (5)
-
Design, critique, implement, test, and export web data visualizations in Codex, including charts, maps, dashboards, Gantt, UML, scrollytelling, reports, slides, mobile views…
-
Figma workflows for design implementation, Code Connect templates, and design system rule generation.
-
Use MagicPath to find, inspect, install, create, and edit UI components from Codex.
-
The Product Design plugin is built for turning early ideas into prototypes teams can review. It starts design and build work by confirming the brief, then helps teams explore…
-
Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.
Has a listing on Community GitHub marketplaces (5)
-
codex-tldraw-mcp io.github.jananadiw/codex-tldraw-mcp
A Codex stdio MCP server that generates repo-local tldraw diagrams and detects code graph drift.
-
Generate native .drawio diagrams from Claude Code — author as Mermaid or XML with optional ELK auto-layout, export PNG/SVG/PDF with embedded XML, or open via app.diagrams.net URL.
-
Validated interactive system maps and diagrams as standalone HTML from a typed JSON spec, for one of five diagram types (architecture, workflow, sequence, dataflow, lifecycle…
-
Create Lucidchart diagrams, find Lucid documents, and eliminate context switching.
-
Create rich interactive visual plans, recaps, and repo-native visual docs with diagrams, file maps, annotated code and diffs, API/schema summaries, feedback, and HTML export.
Has a listing on Copilot CLI: github/awesome-copilot (5)
-
Render diagrams, click nodes to drill down, and view agent-generated explanations directly in the canvas.
-
Draw simple diagrams in a Copilot canvas: shapes, arrows that stay attached, text and a freehand pen. Copilot can read, create and edit the same drawing, tidy its layout, and…
-
Generate professional project documentation with draw.io architecture diagrams and Word (.docx) output with embedded images. Automatically discovers any project's technology stack…
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Model, visualize, and deploy applications with Radius from the GitHub Copilot app and CLI.
Has a listing on Copilot CLI: github/copilot-plugins (5)
-
Build Power Apps Canvas Apps using the Canvas Authoring MCP server.
-
Toolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.
-
Bring Azure DevOps work-item, repository, and pull-request workflows into GitHub Copilot.
-
code-apps-preview
Build and deploy Power Apps code apps using React, Vite, and Power Platform connectors.
-
mcp-apps
Generate MCP App widgets for MCP tools. Produces self-contained HTML widgets using the MCP Apps protocol.
Has a listing on Cursor: cursor/plugins (5)
Has a listing on Docker MCP Catalog (5)
-
Seamlessly create diagrams using the Python diagrams package DSL. This server allows you to generate AWS diagrams, sequence diagrams, flow diagrams, and class diagrams using…
-
provides tools and templates to create a functioning Vizro chart or dashboard step by step.
-
mcp-neo4j-data-modeling io.github.neo4j-contrib/mcp-neo4j-data-modeling
A simple Neo4j MCP server for creating graph data models.
-
Generate images, video, and audio with Glif's media-generation agent
-
mcp-grafana io.github.grafana/mcp-grafana
An MCP server giving access to Grafana dashboards, data and more.
Has a listing on Official MCP Registry (5)
-
Mermaid to assets. Source code to maps. MCP for agents.
-
siren io.github.yoavhizkiH/siren
MCP server for Siren diagramming — teach AI models to create beautiful diagrams with Siren syntax
-
Create and edit architecture diagrams from your AI agent; get an SVG and a live editable canvas.
-
codex-tldraw-mcp io.github.jananadiw/codex-tldraw-mcp
A Codex stdio MCP server that generates repo-local tldraw diagrams and detects code graph drift.
-
Create, edit and organize hand-drawn diagrams (flowcharts, ER, architecture) from any AI agent.
Found by meaning, not by shared code or a shared repository: similar plugins stay separate products, and this is not a review or a recommendation.
Is this your plugin?
Add it to your projects and prove you maintain it with a file in its repository, a file on your domain or a DNS record. You get alerts when a marketplace lists it, drops it, changes its verified mark or what it asks for, and its remote endpoint goes on monitoring as a web service.
Data comes from the public marketplace file https://github.com/anthropics/claude-plugins-community/blob/HEAD/.claude-plugin/marketplace.json. Figures come from our own regular passes over the marketplaces, last read on . We publish no contact details for plugin publishers.