Drawgent koppelt programmeerassistenten aan live Excalidraw-bord

De open-source tool Drawgent verbindt Claude Code, Codex of opencode met een Excalidraw-canvas. Gebruikers kunnen via chat of notities opdrachten geven, waarna de assistent het diagram bekijkt en direct aanpast.

Presentatie van Drawgent, een tool die programmeerassistenten koppelt aan een live Excalidraw-bord
Presentatie van Drawgent, een tool die programmeerassistenten koppelt aan een live Excalidraw-bord · Beeld: Netgebeurd (AI-illustratie)

Drawgent is een nieuwe ontwikkeltool waarmee programmeerassistenten rechtstreeks op een live Excalidraw-canvas kunnen werken. De software ondersteunt Claude Code, Codex en opencode. Gebruikers verbinden hun eigen installatie, account, configuratie en repository met het bord.

In het chatvenster kunnen gebruikers vragen om een diagram te maken of te wijzigen. Op het canvas kan dat ook met een tekstnotitie die begint met AGENT:. De assistent ontvangt daarbij informatie over de positie van de notitie, verbonden vormen en elementen in de omgeving. Na verwerking markeert Drawgent de opdracht met een groene DONE:-notitie.

De assistent analyseert het bord met een schermafbeelding en de onderliggende scène. Daarna kan hij onder meer elementen toevoegen, aanpassen of verwijderen, Mermaid-diagrammen maken en de actuele status van een opdracht bijhouden. Een ingebouwde controle laat de assistent het resultaat na een wijziging opnieuw bekijken.

Werken met bestaande sessies

Drawgent kan een nieuwe sessie starten vanuit de huidige werkmap, maar kan ook verbinding maken met een al lopende sessie. Bij Claude Code wordt daarvoor een nieuwe sessie met de bestaande conversatie gestart. Bij opencode en Codex worden berichten en antwoorden gekoppeld aan de actieve sessie.

Gebruikers kunnen daarnaast een bestaand Excalidraw-kamertje openen met de optie --room. Drawgent verschijnt daar als samenwerker met een eigen cursor. Aanpassingen van mensen en de assistent worden live gesynchroniseerd. De verbinding met het kamertje is end-to-end versleuteld met de roomsleutel.

De tool draait lokaal op 127.0.0.1:7300 of op de eerstvolgende vrije poort. Voor het renderen van de canvas gebruikt Drawgent Chrome of Chromium. Als dat niet aanwezig is, kan de installatie een headless versie van Chrome downloaden of een bestaande pakketbeheerder gebruiken.

Drawgent is voornamelijk geschreven in Rust, met JavaScript voor een deel van de interface. De software vereist voor Claude Code en Codex onder meer Node.js 18 of nieuwer. De opgeslagen canvas-scène komt in .drawgent/scene.json terecht, een bestand dat automatisch voor Git wordt genegeerd.

Lees ook