Tldraw Agent

FreeNot checked

Generates diagrams from natural language text descriptions using tldraw and Playwright, with PNG and SVG export.

by joelhooks

GitHub Embed

About

Generates diagrams from natural language text descriptions using tldraw and Playwright, with PNG and SVG export.

README

Generate diagrams from text. Works anywhere.

npx tldraw-agent draw "User → API → Database"

Install

npm install -g @joelhooks/tldraw-agent

Usage

CLI

tldraw-agent draw "microservices architecture with load balancer"
tldraw-agent draw "signup flow" --format svg -o signup.svg

Library

import { TldrawAgent } from '@joelhooks/tldraw-agent'

const agent = new TldrawAgent()
const { path } = await agent.draw({ prompt: 'system diagram' })

MCP

{
  "mcpServers": {
    "tldraw": { "command": "npx", "args": ["@joelhooks/tldraw-agent", "--mcp"] }
  }
}

Features

🖼️ PNG/SVG export
🤖 LLM-powered layout (Claude, GPT)
📐 Architecture, flowcharts, entity diagrams
🔌 Works as CLI, library, MCP tool, or agent skill

Environment

export AI_GATEWAY_API_KEY=...  # Vercel/Cloudflare AI Gateway key

License

MIT

from github.com/joelhooks/tldraw-agent

Installing Tldraw Agent

This server has no published package — it is built from source. Open the repository and follow its README.

▸ github.com/joelhooks/tldraw-agent

FAQ

Is Tldraw Agent MCP free?

Yes, Tldraw Agent MCP is free — one-click install via Unyly at no cost.

Does Tldraw Agent need an API key?

No, Tldraw Agent runs without API keys or environment variables.

Is Tldraw Agent hosted or self-hosted?

Self-hosted: the server runs locally on your machine via the install command above.

How do I install Tldraw Agent in Claude Desktop, Claude Code or Cursor?

Open Tldraw Agent on unyly.org, pick your client tab (Claude Desktop, Claude Code, Cursor) and press Install — the config is generated automatically, no JSON editing.

Related MCPs

Playwright

Browser automation, scraping, screenshots

by Microsoft

Puppeteer

Browser automation and web scraping.

by modelcontextprotocol

Garmin Connect

An MCP server for Garmin Connect that provides access to fitness activities, health statistics, and sleep data by routing requests through a headless browser to

by etweisberg

Higgsfield Unlimited

MCP server for Higgsfield AI that enables unlimited-mode image, video, audio generation, uploads, and job management via multiple parallel accounts, using brows

by nukIeer

opentabs-dev/opentabs

Plugin-based server and Chrome extension that gives AI agents access to web apps through your authenticated browser session, with a plugin SDK.

by opentabs-dev

hlydecker/ucsc-genome-mcp

Interact with the UCSC Genome Browser API to find genomes, chromosomes and more.

by hlydecker

34892002/bilibili-mcp-js

Search Bilibili content, with LangChain integration examples.

by 34892002

achiya-automation/safari-mcp

Native Safari browser automation without a Chrome dependency.

by achiya-automation

agent-infra/mcp-server-browser

Browser automation using Puppeteer, supporting local and remote browser connections.

by bytedance

aparajithn/agent-scraper-mcp

Web scraping: clean content extraction, CSS-selector scraping, Playwright screenshots, link and metadata extraction, and Google search.

by aparajithn

Compare Tldraw Agent with

Tldraw AgentvsPlaywright Tldraw AgentvsPuppeteer Tldraw AgentvsGarmin Connect Tldraw AgentvsHiggsfield Unlimited Tldraw Agentvsopentabs-dev/opentabs Tldraw Agentvshlydecker/ucsc-genome-mcp Tldraw Agentvs34892002/bilibili-mcp-js Tldraw Agentvsachiya-automation/safari-mcp Tldraw Agentvsagent-infra/mcp-server-browser Tldraw Agentvsaparajithn/agent-scraper-mcp

Not sure what to pick?

Find your stack in 60 seconds

Author?

Embed badge for your README

Browse similar

All browse MCPs