skills.rest
tmdgusya
tmdgusyaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

tldraw-desktop

Create and modify tldraw desktop diagrams via its HTTP API.

12|Updated Mar 17, 2026
Search Tags:#automation#flowchart#canvas#curl#diagram#wireframe#tldraw
One-click install
npx skills add https://github.com/tmdgusya/tldraw-desktop-skill --skill tldraw-desktop
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tldraw-desktop
Source: https://github.com/tmdgusya/tldraw-desktop-skill/tree/main
Command: npx skills add https://github.com/tmdgusya/tldraw-desktop-skill --skill tldraw-desktop

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables an AI to control a running tldraw desktop app to automate creation, layout, and verification of diagrams, removing tedious manual shape placement and coordinate calculations.

Core Features & Use Cases

  • Create shapes and connectors: create rectangles, diamonds, arrows, sticky notes, text, and pen strokes, and connect them with anchored arrows.
  • Layout and alignment: place shapes relative to each other, stack, align, distribute, resize, move, and adjust z-order for readable diagrams.
  • Verification and advanced ops: capture screenshots to visually verify results and run arbitrary JS via the exec endpoint for custom SDK tasks.
  • Use Case: build flowcharts, wireframes, ERDs, and architecture diagrams by issuing natural-language layout instructions and iterating with screenshots.

Quick Start

With tldraw desktop open and a document active, ask the AI to draw a flowchart for user authentication, place nodes with readable spacing, connect them with arrows, and capture a medium screenshot to verify.

Frequently Asked Questions about tldraw-desktop

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate tldraw diagram creation programmatically?▼

You can automate tldraw diagram creation by using an AI to issue curl-based HTTP API calls to a local tldraw desktop canvas, creating shapes, connectors, and layouts without manual placement or coordinate calculations.

What's the best way to generate flowcharts and wireframes on a tldraw canvas via API?▼

The best way to generate flowcharts and wireframes on a tldraw canvas is to send structured API actions to localhost:7236, instructing the AI to create nodes, apply readable spacing, and connect them with anchored arrows.

Can I use curl to read shapes and execute custom JavaScript in tldraw desktop?▼

Yes, you can use curl to interact with the tldraw desktop API for listing documents, reading shapes, posting actions, and running arbitrary JavaScript via the exec endpoint for custom SDK tasks.

Do I need a specific environment setup to control tldraw desktop for architecture diagrams?▼

Yes, you need the tldraw desktop app open with an active document served locally on localhost:7236, allowing the AI to programmatically create, modify, and verify architecture diagrams.

How does screenshot verification work when automating tldraw layouts?▼

Screenshot verification works by capturing images of the tldraw canvas after applying layout actions, allowing you to visually verify that shapes are correctly arranged and readable.

Why use programmatic layout for tldraw instead of manual shape placement?▼

Programmatic layout removes tedious manual shape placement and coordinate calculations, enabling automated alignment, distribution, and resizing of shapes for readable diagrams like ERDs and architecture charts.

Related Skills

Explore More Design & Creative Skills→
InverterNetworkInverterNetwork

tldraw-offline

Control tldraw offline via a local HTTP API for canvas manipulation and script injection.

Official
Advanced
zmrezmre
1

canvas-design

Draw shapes, images, and styled text on HTML Canvas.

Community
Intermediate
cxnaivecxnaive

tldraw-offline

Manipulate tldraw offline canvases via a local HTTP API.

Community
Advanced
AStyer8345AStyer8345

excalidraw

Create and manipulate Excalidraw diagrams programmatically via JSON schema.

Community
Advanced