joint
A proven SVG-based JavaScript diagramming library powering exceptional UIs
Joint is a Claude Code plugin that connects AI coding agents to the JointJS diagramming library through a Model Context Protocol server. The plugin enables AI assistants to search official JointJS documentation and 180+ demo applications in real-time, ensuring accurate code generation for production-scale diagram applications. Instead of guessing at the API, coding agents can query the MCP server at mcp.jointjs.com/mcp to retrieve correct JointJS syntax and patterns for building flowcharts, BPMN modelers, AI workflow builders, org charts, and other visual diagramming tools.
Key Features
Use Cases
- 01Building AI workflow and pipeline builders with accurate JointJS code generation
- 02Creating flowchart and process automation editors with AI-assisted development
- 03Developing BPMN modelers and business process tools using Claude Code
- 04Constructing data modeling tools and ER diagram applications with AI guidance
- 05Designing SCADA/HMI monitoring dashboards with real-time documentation access
- 06Implementing organizational chart and hierarchy builders through AI coding agents
Related Plugins
View moreandrej-karpathy-skills
A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
claude-mem
Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More
Understand-Anything
Graphs that teach > graphs that impress. Turn any code into an interactive knowledge graph you can explore, search, and ask questions about. Works with Claude Code, Codex, Cursor, Copilot, Gemini CLI, and more.
rtk
CLI proxy that reduces LLM token consumption by 60-90% on common dev commands. Single Rust binary, zero dependencies
joint — FAQ
What is the Joint Claude Code plugin?+
Joint is an MCP server plugin that connects AI coding agents to the JointJS diagramming library's documentation and demo repository. It provides search_docs and search_demos tools so AI assistants write correct JointJS code instead of hallucinating API methods.
How do I install the Joint plugin in Claude Code?+
Add the MCP server URL https://mcp.jointjs.com/mcp to your Claude Code or other MCP-compatible client configuration. The plugin will then be available for your AI agent to query during development.
Which AI coding clients work with the Joint plugin?+
The Joint MCP server works with Claude Code, Cursor, and any other development tool that supports the Model Context Protocol. It is specifically designed for AI-assisted coding environments.
Do I need API keys to use the Joint plugin?+
The README does not specify API key requirements for the MCP server endpoint. The open-source JointJS library itself is freely available under the Mozilla Public License 2.0.
Is the Joint plugin free to use?+
The core JointJS library and MCP server integration are open-source and free. JointJS+ is a commercial version that adds production plugins, professional demos, and direct support with a 30-day free trial available.
What can AI agents search with the Joint plugin?+
AI agents can use search_docs to query the official JointJS API documentation and search_demos to explore 180+ example applications covering workflows, BPMN, data modeling, org charts, and other diagram types.
How do I install joint?+
Open the source repository on GitHub and follow its README. joint is a plugin — MCP Agents Market links you directly to the official repo.
Is joint free?+
joint is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.