tldraw-offline

Generate shapes and manage document scripts on tldraw offline canvases via local HTTP API.

1|Updated Jul 31, 2026
One-click install
npx skills add https://github.com/icyzh/hermes-web --skill tldraw-offline-icyzh
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tldraw-offline
Source: https://github.com/icyzh/hermes-web/tree/main/optional-skills/creative/tldraw-offline
Command: npx skills add https://github.com/icyzh/hermes-web --skill tldraw-offline-icyzh

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires jq, and includes scripts (resource) components.

What problem does it solve?

This Skill solves the limitation of static whiteboarding by enabling programmatic control over tldraw offline canvases, allowing for the creation of interactive, durable, and reactive diagrams that go beyond manual drawing.

Core Features & Use Cases

  • Programmatic Canvas Control: Use scripts to generate shapes, layouts, and complex diagrams automatically via a local HTTP API.
  • Durable Behavior: Embed JavaScript document scripts that run on load, enabling interactive buttons, reactive state, and animations within the canvas.
  • Use Case: Build a custom interactive dashboard or a project management tool directly on a tldraw canvas where buttons update shape properties or trigger logic in real-time.

Quick Start

Use the tldraw-offline skill to generate a set of connected nodes on my currently open canvas.

Frequently Asked Questions about tldraw-offline

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

FAQPage Schema
How do I automate diagram generation on a tldraw offline canvas?

To automate diagram generation on a tldraw offline canvas, use scripts to interface with the local HTTP API, executing shape generation and document script management programmatically. This allows automatic creation of interactive whiteboard diagrams.

Can I embed reactive JavaScript document scripts into tldraw whiteboards?

Yes, you can embed JavaScript document scripts into tldraw whiteboards to enable durable behavior. These scripts run on load, allowing interactive buttons, reactive state, and animations directly within the canvas.

What do I need to programmatically control a tldraw offline instance?

To programmatically control a tldraw offline instance, you need a running local server, shell command execution capabilities to interact with the local control port, a valid bearer token, and the jq dependency installed.

Does programmatic tldraw canvas control support interactive prototyping?

Programmatic tldraw canvas control supports interactive prototyping by facilitating the creation of reactive and durable whiteboard diagrams. You can build custom interactive dashboards where buttons update shape properties or trigger logic in real-time.

How does scripting whiteboard canvases compare to manual diagramming?

Scripting whiteboard canvases overcomes the limitations of static manual diagramming by enabling programmatic control over tldraw offline. It allows automatic generation of complex layouts and durable interactive behaviors that go beyond standard drawing.

Why does my tldraw offline script fail to execute shape generation?

Shape generation script execution on a tldraw offline canvas can fail if the local HTTP API is inaccessible, the bearer token is invalid, the local control port is blocked, or the jq shell dependency is missing from the environment.