skills.rest
InverterNetwork
InverterNetworkOFFICIAL
Explore all skills by this author →
Website𝕏@inverternetworkGitHub

tldraw-offline

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

Updated May 4, 2026
Search Tags:#automation#diagramming#scripting#canvas#tldraw#whiteboard
One-click install
npx skills add https://github.com/InverterNetwork/hermes-agent --skill tldraw-offline-inverternetwork
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tldraw-offline
Source: https://github.com/InverterNetwork/hermes-agent/tree/main/optional-skills/creative/tldraw-offline
Command: npx skills add https://github.com/InverterNetwork/hermes-agent --skill tldraw-offline-inverternetwork

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 the tldraw offline desktop application, allowing for dynamic diagram generation and durable, interactive document behaviors.

Core Features & Use Cases

  • Programmatic Canvas Control: Drive the tldraw offline app via a local HTTP API to generate shapes, layouts, and diagrams without manual mouse interaction.
  • Durable Document Scripts: Embed JavaScript logic directly into .tldraw files to create interactive buttons, reactive animations, and custom UI elements that persist across sessions.
  • Use Case: Build a project management dashboard on a canvas where clicking a button automatically updates the status of tasks or generates new workflow nodes based on real-time data.

Quick Start

Use the tldraw-offline skill to generate a new rectangle shape at the origin of the currently focused document.

Frequently Asked Questions about tldraw-offline

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

FAQPage Schema
How do I automate tldraw diagram generation without manual mouse interaction?▼

You can automate tldraw diagram generation by driving the tldraw offline desktop application through a local HTTP API to programmatically generate shapes and layouts without manual mouse interaction.

Can I embed interactive JavaScript logic directly into .tldraw files?▼

Yes, you can embed JavaScript logic directly into .tldraw files to create durable document scripts that enable interactive buttons and reactive animations persisting across sessions.

What's the best way to build a project management dashboard on a tldraw canvas?▼

The best way to build a project management dashboard on a tldraw canvas is using programmatic canvas control to generate workflow nodes and interactive buttons that update task statuses based on real-time data.

Do I need a running tldraw offline instance to execute canvas manipulation scripts?▼

Yes, you need a running tldraw offline instance with access to the local control API for executing commands and managing document scripts.

Does programmatic whiteboard control support custom UI elements on the canvas?▼

Programmatic whiteboard control supports creating custom UI elements on the canvas by injecting scripts via the local HTTP API into the tldraw offline application.

Why use script injection for tldraw instead of manually drawing shapes?▼

Script injection for tldraw overcomes the limitations of static whiteboarding by enabling dynamic, automated diagram generation and durable, interactive document behaviors without manual drawing.

Related Skills

Explore More Design & Creative Skills→
cxnaivecxnaive

tldraw-offline

Manipulate tldraw offline canvases via a local HTTP API.

Community
Advanced
LusciiLuscii

mermaid-diagrams

Embed Mermaid diagrams in Markdown documents for visualizations.

Official
Basic
icyzhicyzh
1

tldraw-offline

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

Community
Advanced
RheasilviaRheasilvia

tldraw-offline

Manipulate tldraw offline canvases via a local HTTP API and embedded JavaScript scripts.

Community
Advanced