Siddharth11Roy

Siddharth11Roy / tldraw-claude-mcp

Public

tldraw's live in mcp tool for claude with skill as well !!

11
0
100% credibility
Found Apr 24, 2026 at 11 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

This project creates a live drawing canvas that an AI assistant (Claude) can control via prompts to make shapes, diagrams, and illustrations in real time.

How It Works

1
🔍 Discover the drawing tool

You hear about a fun way to let your AI friend Claude create diagrams and drawings just by chatting with it.

2
📥 Get the tool ready

You download and set up the drawing helper on your computer with a few simple steps.

3
🔗 Link it to Claude

You connect the tool to your Claude AI so it knows how to draw when you ask.

4
🌐 Open the canvas

You visit a special webpage in your browser where the drawings will appear live.

5
💬 Ask Claude to draw

You chat with Claude like 'Draw a flowchart for logging in' and watch magic happen as shapes appear on the canvas in real time.

6
✏️ Edit and refine

Claude can add, change, or remove shapes on the canvas as you give more instructions.

🎉 Enjoy your diagram

You now have a beautiful, custom drawing or flowchart ready to use or share.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 11 to 11 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is tldraw-claude-mcp?

This TypeScript repo turns Claude into a live tldraw whiteboard artist via MCP tools and a Claude Code skill. Prompt Claude with "Draw a flowchart of a login flow," and it creates, updates, deletes, or queries shapes on a tldraw canvas that appears in real-time at localhost:3030. Solves the gap between AI text responses and visual diagrams, like tldraw ai github projects or tldraw dev github examples, without needing liveblocks tldraw whiteboard setup from scratch.

Why is it gaining traction?

Stands out with dead-simple Claude integration—one CLI command adds the MCP server, no JSON config needed—and instant browser sync for tldraw live collaboration vibes. Developers dig the four core tools (create_shape, update_shape, delete_shape, get_canvas) that handle geo shapes, arrows, text, and more, beating manual tldraw sdk github hacks or tldraw sync github boilerplate. Pure-JS MIT license and Windows-first dev flow make it a quick tldraw github repo spin-up.

Who should use this?

Claude Code users prototyping diagrams, like PMs sketching user flows or devs visualizing algorithms during AI chats. Ideal for tldraw obsidian github fans wanting AI-driven whiteboards, or anyone exploring tldraw computer github tools for prompt-to-canvas without full tldraw liveblocks stacks. Skip if you need multi-user tldraw live or production-scale.

Verdict

Early alpha with 11 stars and 1.0% credibility score—docs are solid, 12 handler tests pass, but expect troubleshooting like port conflicts. Worth forking for tldraw's Claude MCP skill experiments; production? Wait for more polish.

(178 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.