skills.rest
mrmtsuruya
mrmtsuruyaCOMMUNITY
Explore all skills by this author →
GitHub

tldraw-whiteboard

Create and inspect visual whiteboard graphics from .tldr files.

Updated Aug 27, 2026
Search Tags:#content extraction#tldraw#whiteboard#visual diagram#board design
One-click install
npx skills add https://github.com/mrmtsuruya/hermes-backup --skill tldraw-whiteboard-mrmtsuruya
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tldraw-whiteboard
Source: https://github.com/mrmtsuruya/hermes-backup/tree/main/skills/tldraw-whiteboard
Command: npx skills add https://github.com/mrmtsuruya/hermes-backup --skill tldraw-whiteboard-mrmtsuruya

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires tldraw, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps to create visual whiteboard graphics and inspect/extract content from .tldr board files for YouTube videos and other visual presentations.

Core Features & Use Cases

  • Authoring Mode: Build new whiteboard graphics using the tldraw SDK.
  • Inspecting Mode: Read and extract content from existing .tldr files.
  • Use Case: For a YouTube creator, quickly visualize complex diagrams or concepts on a whiteboard directly in the video content.

Quick Start

To create a new whiteboard graphic, start the tldraw app and begin building your design. To inspect an existing board, load the .tldr file into the app.

Frequently Asked Questions about tldraw-whiteboard

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

FAQPage Schema
How do I extract content from a tldraw whiteboard file?▼

To extract content from a tldraw whiteboard file, load your existing .tldr file into the app. The Skill uses ProseMirror for text manipulation to inspect and read visual board designs.

What's the best way to create visual diagrams for video presentations?▼

The best way to create visual diagrams for presentations is using the tldraw SDK in authoring mode. This allows you to build new whiteboard graphics to visualize complex concepts for educational or professional video content.

Does this whiteboard design tool support modifying text in existing diagrams?▼

Yes, modifying text in existing whiteboard diagrams is supported. The Skill uses ProseMirror specifically for text manipulation, allowing you to inspect and adjust text content within your loaded .tldr board files.

Can I use tldraw to build educational diagrams from scratch?▼

Yes, you can use tldraw to build educational diagrams from scratch. The authoring mode leverages the tldraw SDK, providing tools to construct new visual whiteboard graphics suitable for educational contexts.

What is a .tldr file used for in visual board design?▼

A .tldr file is used to store visual whiteboard board designs. It contains the graphic and text data which can be loaded into the app for content extraction or inspection of complex concepts.

Are there limitations when inspecting content from existing .tldr files?▼

The metadata does not specify explicit limitations when inspecting .tldr files. It supports reading and extracting content from existing boards using ProseMirror for text manipulation and the tldraw SDK.

Related Skills

Explore More Design & Creative Skills→
Matymatyk-businessMatymatyk-business
61

tldraw-whiteboard

Create and inspect tldraw whiteboard boards with shapes and sections.

Community
Intermediate
iOfficeAIiOfficeAI
31.8k

mermaid

Render Mermaid diagrams into SVG or ASCII from files or stdin.

Official
Intermediate
ChenYCLChenYCL

canvas-design

Generate posters, flyers, and infographics in PNG and PDF formats using Python graphics libraries.

Community
Intermediate
PetriLahdelmaPetriLahdelma
2

canvas-design

Create visual design philosophies and express them as PDF or PNG canvases.

Community
Advanced