Yet another Hacker News

Drawgent: Coding agent on a live Excalidraw canvas

172 points parasitid 1 day ago 45 comments

parasitid 1 day ago | parent

armanj 1 day ago | parent

I've had a fairly thorough exploration of how I can give my agent a whiteboard so we can work on architectures together. To my surprise, current solutions (including Excalidraw) were not good enough and didn't deliver what I wanted. I ended up finding Mermaid to be the most agent-friendly medium and coded an Obsidian plugin for it. It works okay; we can work on the same doc while I bring my own AI agent, and we can brainstorm together. https://community.obsidian.md/plugins/mermaid-relay

jmtulloss 1 day ago | parent

Did you play with TLDraw at all? I’ve had some success with it but haven’t been using it for that particular use case.

armanj 21 hours ago | parent

i found it a bit later than others and didn't really explored it deep; but yeah still couldn't find what i was looking for out of the box

mncharity 21 hours ago | parent

Show HN: Reladraw – A diagram language where you decide where to place things[1], which adds relative placement constraints, and provides agent skills. Nearby on the front page just now, fwiw.

[1] https://news.ycombinator.com/item?id=49858513

4ndrewl 1 day ago | parent

YMMV, but the value I get from producing a diagram is derived from the thinking. Thinking about what I'm trying to draw leads to understanding about where my/my team's knowledge is poorer, what assumptions we're making, etc.

johongo 1 day ago | parent

I don't remember who said it, but someone mentioned that mathematics papers don't read well because the models don't know which parts to emphasize and which parts to gloss over. I would imagine similar tendencies here.

sbarre 1 day ago | parent

Yeah I tend to make my diagrams either as I go, as exploration, or after I'm done figuring things out as a summarizing artifact (and agents are great at using Mermaid to do that second one).

qudat 1 day ago | parent

Yes I agree! Drawing helps me think.

augment_me 23 hours ago | parent

I found a big part of the appeal with tools such as Excalidraw is that people are still more willing to engage with your content because they think that its made by hand.

Compare a piss-tinted LLM-generated diagram with 80 pipes, flows and generic names everywhere to a seemingly hand-drawn sketch.

I have had my Exaclidraw connected to an agent through their MCP and I have gotten way more attention/time/reads on both blogs and papers because of the illusion of being human-made/hand-drawne making it more palatable.

msy 22 hours ago | parent

‘I found a new way of wasting people’s time with my slop’ god this is bleak.

augment_me 22 hours ago | parent

Attention is the only currency when you have free information generation. Take it with whatever means, or someone else will.

dustbunny 21 hours ago | parent

The mindset that "everyone else is doing it" or "if I don't do it someone else will" is common amongst psychopaths and it reveals a deep cynacism and lack of consciousness. Often, the person is wrong as well.

LeBit 20 hours ago | parent

This is close to saying LLM users are psychopaths.

4ndrewl 8 hours ago | parent

More like that content creators are psychopaths?

parasitid 13 hours ago | parent

the whole idea is that, as i'm very bad a making good drawings by hand, here i can sketch them in a quick and ugly manner and get them instanlty properly arranged and iterate: https://tangled.org/yanndegat.tngl.sh/drawgent/raw/main/docs...

bad_haircut72 1 day ago | parent

Posted this somewhere else aswell but I've had good success with https://whiteboard-mcp.com - it seems to work better than other free alternatives for things like architecture diagram creation

jimmySixDOF 1 day ago | parent

tldraw has a lot of programmatic access I have not compared it to excalidraw but there is still no equivalence between the model capabilities to build amazingly detailed infographics and diagraming tool use which is a gap I hope will narrow

tetrisgm 1 day ago | parent

I’ve been trying to find the best practice to connect a person’s existing ChatGPT/Codex / Claude accounts so they can be used in an app for the agent in the app.

Any advice? Everything seems clunky, even the best MCP efforts

brazukadev 1 day ago | parent

best approach is to create an webapp that uses WebMCP and then use ChatGPT Desktop. you open the app using it and it and it can use all the tools. Then you implement navigation in the tools and you will see ChatGPT using your app pairing with you.

tetrisgm 23 hours ago | parent

Right I've already got MCP integration but it seems quite clunky. Do you have an example of an MCP implementation that you like? and maybe an example of code you used that did the integration nicely? Would love some pointers

jascha_eng 1 day ago | parent

MCP is the answer but it's only really worth it if you product is reasonably complex e.g. n8n has a community MCP fully for this reason.

tetrisgm 23 hours ago | parent

jascha_eng 22 hours ago | parent

I played around a bit with pencil.devs mcp integration before: https://www.pen.dev/

Which was at least fun for a bit although I failed to really see the use after models became better at designing themselves.

seemaze 1 day ago | parent

Excalidraw offers their own open source first party MCP endpoint[0] and server[1]:

[0]https://mcp.excalidraw.com

[1]https://github.com/excalidraw/excalidraw-mcp

eshack94 19 hours ago | parent

Oddly, it seems like it hasn't been touched in 6 months (and last release 7 months ago). I wonder if it's been abandoned, or simply deprioritized in favor of other work.

kamranjon 12 hours ago | parent

Is the excalidraw api constantly changing?

QuantumNomad_ 11 hours ago | parent

If the software has not been updated in the last 5 minutes, is it even maintained anymore? /s

carlmr 4 hours ago | parent

If we're talking about something old, sure, but MCP and AI is new enough that any software interfacing with it that hasn't changed in 6 months it's a fair suspicion that it's abandoned.

AM1010101 1 day ago | parent

What frustrates me about many projects is it's never been easier to just make a quick video or image or gif and put it in the README to show what the value is. This was at least somewhat complex before AI but now you can just paste an image and have the AI put it in your README.

I guess the frustrating bit is that the readme is 100s of lines long. AI is already saving you so much time on a project like this but you still make me clone and spin it up if i want to see it for real.

I get that open source is a gift and you’re not obliged to do anything I say but please consider taking the extra few minutes on your next project.

taylor-tg 1 day ago | parent

To that end, I've found it super easy to tell $LLM to make me a video showcasing the main features of whatever I'm building, have it write subtitles and give it a voice over. Obviously for a README a simple gif with burned in subtitles/annotations would be more useful.

Especially if the project is web-based it can just spin up playwright and record its actions.

bityard 1 day ago | parent

Wow, I just can't agree with this take at all. The README is only 161 lines (very short for a git repo README!) and took me about 15 seconds to skim and decide whether or not it was interesting enough to keep the tab open.

Most of the project pages I have seen with videos either animate things at hyper-speed, meaning you can't actually follow is what happening, or drag on for minutes just to communicate something that I could have read in seconds. My time is more valuable than that.

Images are cool, however. We should do more of those.

brumar 1 day ago | parent

This is crazy. My claude chess stuff is (edit: was) currently near yours on the front page and noticed your post. I have a project very close than yours that I hesitated to share. From a quick glance, we went for a similar approach. I just open sourced it so that you can compare implementation notes. https://github.com/brumar/whiteboard-agents . It's not thoroughly tested but can be interesting to check.

dtkav 23 hours ago | parent

I am working on a similar thing for jsoncanvas (.canvas files in Obsidian). My takeaway is that agents are heavily trained on specific formats (e.g. svg), and are conversely pretty bad at niche formats. My strategy was to create a native renderer [1] so that at least they can rapidly iterate "visually" by reading svg and png renders instead of trying to one-shot.

I have yet to see an AI generated visual diagram that doesn't feel like slop though... I'd be very interested in examples of actually-good diagrams workflows if anyone has seen them.

[0] https://jsoncanvas.org/

[1] https://github.com/dtkav/canvas-native

augment_me 23 hours ago | parent

I have a personal experience that there is a lot of attention be gained/exploited with tools such as Excalidraw because people still don't understand that this is possible to automate, and people with an LLM-negative bias that are actively against generated content will still give attention to such tools because it looks hand-drawn.

For example /r/art banned AI-generated content without a process due to this anti-automation bias, however you can now generate the process by using MCP-server tool calls into the software.

So there is a big attention market as long as you can keep up with things that seemingly looks like they had human effort.

0xdeafbeef 23 hours ago | parent

https://likec4.dev/ It's a bit different usecase, but llms are proficient with it

ramoz 21 hours ago | parent

I think many folks are underutilizing or underestimate the power of HTML.

There's been a few of these things on the front page lately. Including false "whiteboards" that are DSL abstractions over things like React Flow...

I've done quite a bit with Excalidraw MCP and the models had to deal with a lot of JSON data and estimating/computing with bounding box and pixel point numbers.

But with HTML, the agents get the natural semantics/styling capabilities and basically zero abstraction. The recent models can draw exceptionally well any form of logical/conceptual/flow diagram.

ld_path 15 hours ago | parent

Might actually make my rough Excalidraw layouts useful for scaffolding. The live canvas interaction is a neat touch.

Tbarlow 15 hours ago | parent

Having an agent sketch out component ideas visually on Excalidraw seems like a genuinely useful way to kickstart UI projects.

Driftbench 14 hours ago | parent

Curious how deep the code generation goes from visual cues. Could be amazing for quick prototypes if it's smart enough.

thimble_io 14 hours ago | parent

Interesting demo, but does it really speed up coding more than just typing? Seems like a novel UI for an LLM.

raesene9 12 hours ago | parent

One other option, if you're an obsidian user is, just add the excalidraw plugin there, and then you can ask your agent to just create excalidraw diagrams as needed.

Definitely Opus 5.5 via claude code has no problems generating Excalidraw images with no additional software, just based on conversation.

jamespaynter01 11 hours ago | parent

Am I the only psycho getting Claude to draw tikz images?

yuvraj_ceisium 6 hours ago | parent

Interesting, i tried doing something similar with webmcp so you can edit the canvas directly from inside the codex.

https://www.youtube.com/watch?v=VaTTgnA9a8A&t=6s

dominotw 3 hours ago | parent

these work like peter_adjusting_blinds.gif