{"apiVersion":"v1","directorySlug":"jointjs-mcp-0b86bd4d76","title":"JavaScript diagramming library for complex UIs – JointJS","description":"Build diagramming tools of any complexity — from AI workflow editors to large, domain-specific modeling apps. Now with a first-class, native React integration.","pageUrl":"https://www.mcpbundles.com/skills/jointjs-mcp-0b86bd4d76","connectPath":"importable","connectAction":"import_server","catalogListing":false,"bundleSlug":null,"listingKind":"remote_mcp","kind":"provider","transportUrl":"https://mcp.jointjs.com/mcp","hostedMcpUrl":null,"toolCount":5,"toolInventoryStatus":"observed","refreshedAt":"2026-11-03T13:26:00.516172+00:00","registryName":"com.jointjs/jointjs-mcp-0b86bd4d76","registryVersion":"2026.11.3","registryEligible":true,"tools":[{"name":"search_docs","description":"Search JointJS documentation, API reference, guides, and migration notes. Use this tool when the user needs explanations, configuration options, semantics, compatibility guidance, or version-specific documentation. Prefer this tool first for conceptual or API questions. If the user asks for a full working example or implementation pattern, also consider search_demos.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["query"],"properties":{"query":{"type":"string"},"version":{"type":"string"}}},"logicalName":"search_docs","displayName":"search_docs","title":"search_docs","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"get_doc","description":"Retrieve the Markdown content of a JointJS documentation page by its path","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["path"],"properties":{"path":{"type":"string"}}},"logicalName":"get_doc","displayName":"get_doc","title":"get_doc","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"search_demos","description":"Search JointJS demo projects and example code. Use this tool when the user asks how to build something, wants working code, wants to adapt an example, or needs a complete implementation pattern. Returns a list of matching demos with a demo_id you can pass to get_demo_code to retrieve the full source. If the user also needs explanation of APIs or option semantics, also consider search_docs.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["query"],"properties":{"query":{"type":"string"},"version":{"type":"string"},"framework":{"enum":["ts","js","react","angular"],"type":"string"}}},"logicalName":"search_demos","displayName":"search_demos","title":"search_demos","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"get_demo_code","description":"Retrieve all source files of a JointJS demo by its demo_id (as returned by search_demos). Returns text file contents inline and GitHub links for binary assets such as fonts or images.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["demo_id"],"properties":{"demo_id":{"type":"string"}}},"logicalName":"get_demo_code","displayName":"get_demo_code","title":"get_demo_code","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"list_doc_versions","description":"List all available JointJS documentation versions. Use this tool to inform the user about which versions they can specify in search_docs or search_demos to scope their search.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","properties":{}},"logicalName":"list_doc_versions","displayName":"list_doc_versions","title":"list_doc_versions","annotations":{"untrustedContentHint":true,"readOnlyHint":true}}],"toolSource":"directory_preview","agentAction":"both","installLinks":[{"id":"cursor","label":"Cursor","href":"cursor://anysphere.cursor-deeplink/mcp/install?name=JavaScript-diagramming-library-for-complex-UIs-JointJS&config=eyJ1cmwiOiAiaHR0cHM6Ly9tY3Auam9pbnRqcy5jb20vbWNwIn0%3D"},{"id":"vscode","label":"VS Code","href":"vscode:mcp/install?%7B%22name%22%3A%22JavaScript-diagramming-library-for-complex-UIs-JointJS%22%2C%22type%22%3A%22http%22%2C%22url%22%3A%22https%3A%2F%2Fmcp.jointjs.com%2Fmcp%22%7D"},{"id":"vscode-insiders","label":"VS Code Insiders","href":"vscode-insiders:mcp/install?%7B%22name%22%3A%22JavaScript-diagramming-library-for-complex-UIs-JointJS%22%2C%22type%22%3A%22http%22%2C%22url%22%3A%22https%3A%2F%2Fmcp.jointjs.com%2Fmcp%22%7D"},{"id":"claude-web","label":"Claude.ai","href":"https://claude.ai/customize/connectors?modal=add-custom-connector&connectorName=JavaScript+diagramming+library+for+complex+UIs+%E2%80%93+JointJS&connectorUrl=https%3A%2F%2Fmcp.jointjs.com%2Fmcp"},{"id":"codex","label":"Codex","copyText":"codex mcp add \"JavaScript-diagramming-library-for-complex-UIs-JointJS\" --url \"https://mcp.jointjs.com/mcp\""},{"id":"chatgpt","label":"ChatGPT","href":"https://www.mcpbundles.com/docs/integrations/chatgpt"}],"catalogUrl":"https://www.mcpbundles.com/api/directory/v1/servers/jointjs-mcp-0b86bd4d76","callUrl":"https://www.mcpbundles.com/api/directory/v1/servers/jointjs-mcp-0b86bd4d76/tools/{tool}","mcpServerUrl":"https://mcp.jointjs.com/mcp","liveCatalogUrl":"https://www.mcpbundles.com/api/directory/v1/servers/jointjs-mcp-0b86bd4d76?live=1"}