We recently built 2draw, a Drawful-style game where players draw on a shared canvas and race to guess each other's drawings, on tldraw, an infinite-canvas SDK for React.
We started wondering what it would take to put an agent in that loop, as an opponent or a rival guesser, and dug into how an agent could read and draw on a tldraw canvas. That research turned into:
Agent draw, a tool that lets an agent draw to the canvas for you while you present.
You can try it right now, or grab the source:
- Live demo: https://tldraw-agent-draw-demo.james-664.workers.dev
- Source: https://github.com/ritza-co/tldraw-agent-draw-demo
Here you can see the agent assisting me in my demo presentation of a third grade chemistry class:
Heh. I do something like this when I'm at work in meetings, basically dynamically trying to map out what people are saying so that I can build mental models.
Funny that soon the AI can define my own mental model on the fly soon.
This is a great idea! I see so many use cases, esepically in education. I could've really used something like back when I was tutoring in grad school.
Good idea! It could be fun to try creating an RSA-esque visual explanation video instead of using canvas selection (https://youtu.be/zDZFcDGpL4U).
A very interesting way of interacting with an AI agent. I tried out the demo for creating mind maps, and it was an interesting experience to see it grow and be able to explore different branches. An interesting concept for exploring AI-supported visual thinking.
Very cool. Takes some getting used to but its powerful
Steve is a treasure <3
This is sick! I built a similar tool at https://shimmerdiagrams.com
I really enjoyed reading your blog post, it was pretty informative about the techniques. I had built mine as a prototype and specifically interested in running all models local and in browser.
Tldraw seems to be a better medium for this that mermaid.