skills.rest
cxnaive
cxnaiveCOMMUNITY
Explore all skills by this author →
GitHub

tldraw-offline

Manipulate tldraw offline canvases via a local HTTP API.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This skill solves the limitation of static whiteboards by enabling programmatic generation, manipulation, and durable behavior for tldraw offline canvases, allowing users to build interactive diagrams and reactive tools without manual drawing.

Core Features & Use Cases

  • Programmatic Canvas Control: Generate shapes, layouts, and complex diagrams via API commands rather than manual placement.
  • Durable Document Scripts: Embed JavaScript logic directly into .tldraw files to create interactive buttons, animations, and reactive UI elements that persist across sessions.
  • Use Case: A user can automate the creation of a project roadmap or a functional dashboard with interactive counters and status indicators that update based on user input.

Quick Start

Use the tldraw-offline skill to generate a new rectangle shape at coordinates 0,0 on the currently focused document.

Frequently Asked Questions about tldraw-offline

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

FAQPage Schema
Can I embed persistent JavaScript logic into tldraw files?▼

To embed durable scripts into .tldraw files, the skill injects JavaScript logic directly into the offline canvas document. This creates interactive buttons, animations, and reactive UI elements that persist across sessions without requiring manual drawing.

What is the best way to generate interactive diagrams on an offline whiteboard?▼

Programmatic tldraw canvas control requires a running local offline instance and the ability to execute shell commands. The skill interacts with the local control port to apply API commands for generating shapes and layouts.

Does programmatic tldraw canvas control require a running local instance?▼

Programmatic tldraw canvas control requires a running local offline instance and the ability to execute shell commands. The skill interacts with the local control port to apply API commands for generating shapes and layouts.

Why use a local HTTP API for whiteboard automation instead of manual drawing?▼

Using a local HTTP API for whiteboard automation solves the limitations of static whiteboards by enabling programmatic generation and durable behavior. It allows you to automate project roadmaps and reactive tools via shell commands rather than manual placement.

Can I use jq to interact with the tldraw control port?▼

Using a local HTTP API for whiteboard automation solves the limitations of static whiteboards by enabling programmatic generation and durable behavior. It allows you to automate project roadmaps and reactive tools via shell commands rather than manual placement.

Can I use jq to interact with the tldraw control port?▼

Using a local HTTP API for whiteboard automation solves the limitations of static whiteboards by enabling programmatic generation and durable behavior. It allows you to automate project roadmaps and reactive tools via shell commands rather than manual placement.

Related Skills

Explore More Design & Creative Skills→
RheasilviaRheasilvia

tldraw-offline

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

Community
Advanced
InverterNetworkInverterNetwork

tldraw-offline

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

Official
Advanced
bdambrosiobdambrosio
10

run-script

Execute bash shell scripts from the src/scripts/ directory.

Community
Basic
plurigridplurigrid
60

canvas-design

Generate static poster designs with HTML Canvas or Python imaging libraries.

Official
Intermediate