Drawgent kobler Claude Code og Codex til et levende Excalidraw-lerret

«Siden jeg er veldig dårlig til å lage gode tegninger for hånd, kan jeg her skissere dem raskt og stygt, få dem ryddet pent med en gang og iterere», skrev parasitid, som la ut Drawgent på Hacker News 26. september. Innlegget fikk 151 poeng og 41 kommentarer. Ifølge README-en på Tangled er Drawgent et Rust-verktøy under MIT-lisens som kobler kodeagenten du allerede har installert, med din egen innlogging, konfigurasjon og repo, til en Excalidraw-tavle i nettleseren.

Du ber om et diagram i chatpanelet, eller skriver en tekst som starter med AGENT: ved siden av den delen av tegningen du vil ha endret. Notatet sendes rundt 2,5 sekunder etter at du slutter å skrive, sammen med posisjonen og hva det peker på. Agenten ser på lerretet via skjermbilde og scenedata, redigerer live, sjekker resultatet og merker notatet som DONE. Du kan også ringe inn et område med Excalidraws laser (K) og skrive instruksjonen i chatten, så får agenten bare elementene i sonen.

Under panseret snakker Drawgent Agent Client Protocol (ACP) med agenten. opencode har ACP innebygd, mens Claude Code og Codex går via de offisielle ACP-adapterne, som installeres én gang (rundt 60 MB) og peker på din egen CLI. Verktøyene får agenten fra en MCP-server med kall som get_screenshot, add_mermaid og update_elements. Rendereren krever Chrome, og har du det ikke, tilbyr oppsettet å laste ned Chrome Headless Shell på rundt 120 MB uten sudo.

Den mest nyttige detaljen for deg som dokumenterer arkitektur i repoet, er --diagram-flagget. Med drawgent up --diagram docs/architecture.excalidraw skriver verktøyet en vanlig .excalidraw-fil som også åpnes på excalidraw.com, uten slettede elementer og sync-felt, slik at den gir rene diffs. Endres fila utenfra, via git pull eller en håndredigering, vinner fila, og lerretet oppdateres live.

Begrensningene står åpent i README-en. Kobler du til en Claude Code-økt som allerede kjører, får du en fork med hele samtalen, ikke samme økt, fordi Claude Code ikke har noen offentlig måte å sende meldinger inn i en kjørende terminaløkt. Live-tilkobling til Codex er ikke testet mot en innlogget Codex, og macOS-bygget er ikke testet på en ekte Mac. Prosjektet står på versjon 0.2.0 med 13 commits og åtte stjerner, så regn med skarpe kanter.

Bakgrunn

Drawgent er ikke alene. Excalidraw har en egen MCP-server, men en kommentator på Hacker News påpeker at den ikke er rørt på seks måneder. Andre i tråden foretrekker Mermaid eller HTML, fordi modellene er trent tyngre på slike formater enn på Excalidraws JSON med koordinater og bounding boxes. Drawgent demper det problemet ved å la agenten se et skjermbilde av resultatet og rette opp, i stedet for å plassere elementer i blinde.

Ikke alle i tråden vil ha hjelpen:

«Verdien jeg får av å lage et diagram, kommer fra tenkingen» — 4ndrewl, Hacker News

Hva bør du gjøre?

1. Kjør drawgent setup claude (eller codex/opencode) først. Kommandoen feiler med den eksakte løsningen hvis noe mangler, og drawgent up nekter å starte før oppsettet har gått gjennom.
2. Behold standardvalget --permissions canvas, som godkjenner tegneverktøyene automatisk og spør i chatpanelet om alt annet.
3. Legg en drawgent.excalidraw i roten av repoet hvis du vil ha arkitekturdiagrammet versjonert. Den plukkes opp automatisk, så en fersk klone trenger ikke flagg.