codex-tldraw-mcp
Active·★ 25·MIT·Updated 2026-10-14
This project provides a stdio MCP server that generates editable, repo-local tldraw diagrams, portable SVG previews, and trackable code graphs with drift detection. It allows users to visualize product workflows, architecture, state machines, and code structures either by scanning repositories or via prompt-driven commands.
#tldraw#diagramming#code-analysis#SVG-generation#drift-detection#MCP-server#architecture-visualization#developer-tools
01
Features
01Generate repo-local `.tldr` boards and portable `.svg` previews
02Create trackable JavaScript/TypeScript module/import graphs with drift detection
03Prompt-driven API for drawing workflows, state machines, plans, and architecture sketches
04Non-destructive updates, appending new diagrams to existing boards
05Simple architecture diagrams showing main flow and supporting services
02
Compatibility
Codex
Platform
Verified via docs
npm
Package Manager
Verified via docs
tldraw
Format
Verified via docs
JavaScript
Language
Verified via docs
TypeScript
Language
Verified via docs
03
Quick start
1
$ codex mcp add codex-tldraw -- npx -y codex-tldraw-mcp
04
Use cases
↳Visualize product workflows and runtime architectures from package metadata and source text
↳Track and compare code graph changes, marking stale or changed elements
↳Create quick architecture sketches, state machines, or plans for documentation and communication
↳Enhance code reviews with automatically generated and updated diagrams
↳Generate human-readable diagrams for new team members to understand codebase structure
05
Alternatives
Charles-mcp★ 329
Charles Proxy MCP server for AI agents with live capture, structured traffic analysis, and agent-friendly tool contracts
mcp-1c★ 248
MCP server for 1C:Enterprise — AI assistant sees your configuration and generates accurate BSL code. One binary, zero dependencies, 9 tools.
trace-mcp★ 193
Framework-aware code intelligence MCP server — 81 languages, 58 framework integrations, 138 tools, up to 99% token reduction
deep-code-reasoning-mcp★ 108
A Model Context Protocol (MCP) server that provides advanced code analysis and reasoning capabilities powered by Google's Gemini AI
CodeMCP★ 110
Code intelligence for AI assistants - MCP server, CLI, and HTTP API with symbol navigation, impact analysis, and architecture mapping
Comments
Log in to leave a comment
No comments yet. Be the first!