INDIVIDUAL MCP TOOL

search_snippets

Search the DrawFiddle community catalogue: published C# and React snippets that draw a user interface on a real canvas.

drawfiddle.comnone authenticationAvailability not checked

LIVE ENDPOINT

https://drawfiddle.com/mcp

No auth detected

Connect to this endpoint to inspect the live schema for search_snippets and invoke it with your own arguments.

{}

Inferred read-only · medium confidence · heuristic, not a guarantee.

No write-capable action terms were found; this is not proof that invocation has no side effects.

CONNECT WITH APPROVAL

Review this server and its permissions before adding it. Secret placeholders must be set locally.

Codex

~/.codex/config.toml

[mcp_servers.drawnui-fiddle]
url = "https://drawfiddle.com/mcp"
enabled = true

Claude Code

.mcp.json

{
  "mcpServers": {
    "drawnui-fiddle": {
      "type": "http",
      "url": "https://drawfiddle.com/mcp"
    }
  }
}

Claude Desktop

Settings → Connectors → Add custom connector

Name: drawnui-fiddle
Remote MCP URL: https://drawfiddle.com/mcp

Add this remote URL as a custom connector in Claude Desktop. Availability depends on the user plan and workspace policy.

Cursor

.cursor/mcp.json

{
  "mcpServers": {
    "drawnui-fiddle": {
      "url": "https://drawfiddle.com/mcp"
    }
  }
}

Visual Studio Code

.vscode/mcp.json

Add to Visual Studio Code

{
  "servers": {
    "drawnui-fiddle": {
      "type": "http",
      "url": "https://drawfiddle.com/mcp"
    }
  }
}

Generic MCP

Client-specific MCP configuration

{
  "name": "drawnui-fiddle",
  "transport": "streamable-http",
  "url": "https://drawfiddle.com/mcp"
}

MCP Inspector

Run the official MCP Inspector locally and enter the indexed Streamable HTTP endpoint.

get_source — Return the complete C# source of one snippet, with its title, description and links.
create_fiddle — Publish a snippet and get back a permanent link that anyone can open, run and edit.
create_draft — Start a piece of work in progress.
update_draft — Replace the code in a draft.
preview_draft — NOT A MOTION-QUALITY TOOL: the clock is sampled coarsely (a 320 ms tween may be seen at 0.00, 0.14 then 1.00), so this answers "what state did it reach", never "is the curve smooth".
publish_draft — Turn a finished draft into a real fiddle: a permanent link anyone can open, run and edit.
validate — Does this C# compile as a DrawnUI snippet?
get_preview — Return the preview image of a snippet: an actual frame of what the code draws.