explaingit

milind-soni/writeback

Analysis updated 2026-05-18

15JavaScriptAudience · vibe coderComplexity · 3/5LicenseSetup · moderate

TLDR

A tool that lets you scribble questions on a tldraw whiteboard and have Claude Code write the answer back in the right spot on the canvas.

Mindmap

mindmap
  root((repo))
    What it does
      Watches canvas drawing
      Sends screenshot to AI
      Draws answer back
    Tech stack
      JavaScript
      Node.js
      tldraw offline
      Claude Code
    Use cases
      Solve math on canvas
      Answer written questions
      Generate diagrams
    Audience
      Vibe coders
      Tldraw users
      Claude Code users

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Draw a math problem on a canvas and have the answer appear automatically in the right place.

USE CASE 2

Ask a written question on the whiteboard and get a text answer drawn below it.

USE CASE 3

Request a diagram and have it drawn directly onto the canvas.

USE CASE 4

Use an existing Claude Code login for AI features without a separate API key.

What is it built with?

JavaScriptNode.jstldrawClaude Code

How does it compare?

milind-soni/writebackadindazu/fextractoranonymousraid/osint-mapping-tool
Stars151515
LanguageJavaScriptJavaScriptJavaScript
Setup difficultymoderatehardeasy
Complexity3/51/52/5
Audiencevibe codergeneralresearcher

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Requires tldraw offline desktop app, Claude Code installed and logged in, and Node 18+.

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

In plain English

Writeback is a small tool that connects an AI assistant to an infinite whiteboard app called tldraw offline, so you can scribble on a canvas and get an answer drawn back onto it in the right spot. For example, if you draw a right triangle, label two sides with numbers, put a question mark on the third side, and then pause, the correct answer appears right where the question mark was a few seconds later. Nothing you already drew gets moved or erased. Tldraw offline is a desktop whiteboard app where each drawing is saved as a local file on your computer, with no account needed and no internet required to use it. That app lets a document include a small script that adds interactive behavior, and it always asks your permission before running one. Writeback works by placing its own script inside a tldraw drawing. To use it, you need the tldraw offline app installed, along with Claude Code already installed and logged in on your computer, since writeback relies on your existing Claude Code login rather than needing a separate API key. You also need Node.js version 18 or newer. Setup involves cloning the project, starting a small local server with a single command, and then pasting the provided script into the drawing's script editor inside tldraw offline. Once running, the script watches for you to pause writing, takes a screenshot of the canvas along with the position of every shape, and sends that to the local server. The server runs Claude Code in the background, which looks at the screenshot and sends back new shapes with exact positions to draw. The AI model used can be changed by setting an environment variable before starting the server. The project is released under the MIT license.

Copy-paste prompts

Prompt 1
Help me install tldraw offline and clone the writeback repository.
Prompt 2
Show me how to add the writeback script to a tldraw drawing using Develop then Reveal Script.
Prompt 3
Explain how writeback sends canvas screenshots to the local server and gets shapes back.
Prompt 4
Walk me through switching writeback to a different Claude model using WRITEBACK_MODEL.

Frequently asked questions

What is writeback?

A tool that lets you scribble questions on a tldraw whiteboard and have Claude Code write the answer back in the right spot on the canvas.

What language is writeback written in?

Mainly JavaScript. The stack also includes JavaScript, Node.js, tldraw.

What license does writeback use?

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

How hard is writeback to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is writeback for?

Mainly vibe coder.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.