AgentHubAgentHub

noddle draw MCP Setup & Guide

MCP ServerMCP RegistryOfficial

dev.noddle/draw · v1.0.0

Read, create and edit open-source noddle draw diagram boards, browse versions and comment.

Copy the install config on this page first, then verify docs and permissions upstream.

Overview

Read, create and edit open-source noddle draw diagram boards, browse versions and comment. noddle draw is a MCP Server listed from MCP Registry. Transports: stdio. This page includes an overview, setup tutorial, install commands, and use cases for Trae, Tongyi Lingma, Cursor, Claude Code, and VS Code.

AgentHub Verified AvailabilityTested & Ready

Automated pipeline validated install commands, protocol & client compatibility

Verified At2026-10-04
Install Snippets TestedCLI & JSON config syntax verified
Protocol Handshake ReadyComplies with JSON-RPC 2.0 specifications
Origin Registry ActiveSourced from official-mcp-registry
Verified ClientsClaude Code、Claude Desktop、Cursor 等
Security Tier: A+ 级 · 官方认证推荐 (A+)·Maintained by official/verified teams, audited for standard MCP protocol compliance.
No auto-generated install guide — see the source repository README.

Troubleshooting & Common ErrorsFAQ

Common connection errors and verified fixes for noddle draw

Getting 'connection closed' or exit code 1 in Cursor / Claude Code for noddle draw?

Usually caused by missing runtime paths or IDE environment inheritance. Fix steps: 1. Verify Node.js 18+ (npx) or Python 3.10+ (uvx) is installed; 2. Run 'which npx' or 'which uvx' in terminal, and replace 'command' with absolute path; 3. Reload or restart the client window after modifying config.

Fix Snippet
# Check binary path in terminal:
which npx
node -v
Getting 'spawn npx ENOENT' or 'command not found'?

The editor background process does not inherit your full terminal PATH. Solution: Globally install the package, or set the absolute binary path (e.g. C:\Program Files\nodejs\npx.cmd on Windows, or /usr/local/bin/npx on macOS).

Missing required environment variable or authentication failure?

noddle draw requires environment variables (NODDLE_BASE_URL、NODDLE_AGENT_NAME、NODDLE_AI_PROVIDER、NODDLE_AI_KEY、NODDLE_AI_MODEL). Ensure you have added valid keys under the 'env' object in your config file without trailing whitespace.

Fix Snippet
// .cursor/mcp.json 或 claude_desktop_config.json
{
  "env": {
    "API_KEY": "your_actual_key_here"
  }
}

Tool Mock Playground

Sandbox

noddle draw Tool Interface Simulation · Preview tool schema & outputs without local runtime

Sandbox Ready
fn: drawExecute the core tool interface of noddle draw
Request ArgumentsJSON Schema
{
  "target": "noddle draw",
  "action": "execute",
  "options": {
    "mode": "standard",
    "timeoutMs": 5000
  }
}
💡Parameters generated dynamically by Agent runtime
Agent Tool Output

Click 'Run Mock' above

to preview the raw response returned to the LLM

Env: AgentHub Virtual SandboxJSON-RPC 2.0

Decision Guide: Why & When to Use

Assess suitability before installing to save trial-and-error time

Best Suited For
  • When your AI Agent needs tool calling capabilities in this domain
  • Automating repetitive workflows in your IDE or terminal
  • Pairing with modern clients supporting MCP/Skill standards
When NOT to Use
  • When missing required API secrets or local runtime prerequisites
  • Pure conversational requests that don't need external system access
Recommended Workflow Pairing:

noddle draw + Scenario Prompt → Complete Agent Automation

MCP hands-on: install to visible results

Follow the full lab (expected UI/output + contrast checks). After installing this item, verify with the tutorial prompts.

Open tutorial →

Related resources

Often paired with

Keep exploring AgentHub

Most people compare similar tools or check scenario guides before installing—start here.

Listing badge: put AgentHub on your site

Copy either snippet into your project homepage, docs, or GitHub README. The badge is a hotlinked SVG — nothing to host — and it links back to this page so visitors can find the install steps.

PreviewListed on AgentHub: noddle draw
HTML
<a href="https://myagenthub.cn/p/dev.noddle/draw" title="Listed on AgentHub: noddle draw" target="_blank" rel="noopener">
  <img src="https://myagenthub.cn/badge/dev.noddle/draw?lang=en" alt="Listed on AgentHub: noddle draw" height="20" style="border:0"/>
</a>
Markdown (GitHub README)
[![Listed on AgentHub: noddle draw](https://myagenthub.cn/badge/dev.noddle/draw?lang=en)](https://myagenthub.cn/p/dev.noddle/draw)

Badges are generated on the fly from /badge/<package-id>, so name and listing changes propagate automatically. Keep the link target unchanged — it is what counts as the referral.

Unified Manifest

{
  "id": "dev.noddle/draw",
  "type": "mcp-server",
  "version": "1.0.0",
  "displayName": "noddle draw",
  "description": "Read, create and edit open-source noddle draw diagram boards, browse versions and comment.",
  "repository": {
    "url": "https://github.com/noddle-dev/noddle-draw",
    "source": "github",
    "subfolder": "mcp"
  },
  "homepage": "https://draw.noddle.dev",
  "distribution": {
    "packages": [
      {
        "registryType": "mcpb",
        "identifier": "https://github.com/noddle-dev/noddle-draw/releases/download/mcpb-v1.0.0/noddle-draw.mcpb",
        "version": "1.0.0",
        "transport": "stdio",
        "environmentVariables": [
          {
            "name": "NODDLE_BASE_URL",
            "description": "http(s) origin of the noddle draw instance. Set it to your own origin when self-hosting."
          },
          {
            "name": "NODDLE_AGENT_NAME",
            "description": "Display name on the agent's comments and version snapshots (max 40 chars)."
          },
          {
            "name": "NODDLE_AI_PROVIDER",
            "description": "Optional bring-your-own-key provider for generate_diagram."
          },
          {
            "name": "NODDLE_AI_KEY",
            "description": "Optional AI provider key, sent only to NODDLE_BASE_URL per call and never stored.",
            "isSecret": true
          },
          {
            "name": "NODDLE_AI_MODEL",
            "description": "Optional model override for generate_diagram."
          }
        ]
      }
    ],
    "remotes": []
  },
  "dependencies": [],
  "installTargets": [
    "claude-code",
    "claude-desktop",
    "cursor",
    "vscode",
    "trae",
    "cherry-studio",
    "lingma",
    "windsurf",
    "cline",
    "workbuddy"
  ],
  "keywords": [],
  "provenance": {
    "origin": "official-mcp-registry",
    "originalId": "dev.noddle/draw",
    "originalUrl": "https://registry.modelcontextprotocol.io/v0.1/servers/dev.noddle%2Fdraw/versions/latest",
    "isOfficial": true,
    "status": "active"
  }
}