Excalidraw 캔버스 위에서 코딩하는 AI 에이전트, Drawgent

AI 요약

drawgent는 사용자의 Claude Code, Codex, opencode 같은 코딩 에이전트를 라이브 Excalidraw 화이트보드에 연결하는 도구다. 채팅 패널에서 다이어그램을 요청하거나 캔버스에 AGENT: … 메모를 남기면, 에이전트가 스크린샷과 씬 데이터를 읽고 실시간으로 그림을 수정한 뒤 결과를 확인하고 DONE 표시를 남긴다. drawgent setup과 drawgent up 두 명령으로 초기 설정과 세션 실행이 가능하다.

핵심 포인트

• Claude·Codex·opencode 세 가지 에이전트를 지원하며, Codex는 codex mcp add drawgent -- drawgent mcp 설정이 필요
• Claude/Codex 브리지는 Node.js 18 이상 필요, ACP 어댑터는 ~/.cache/drawgent/adapters에 약 60MB로 설치
• 헤드리스 Chrome이 없으면 Chrome Headless Shell(약 120MB)을 sudo 없이 자동 다운로드
• 씬은 .drawgent/scene.json에 저장되며 자동으로 git-ignore 처리됨

향후 전망

• 화이트보드 기반 협업 설계·문서화 워크플로에서 AI 에이전트 활용이 확대될 전망
• ACP 표준을 통한 다양한 에이전트·도구 간 상호운용성이 더욱 중요해질 것으로 보임