Drawpad - 코딩 에이전트에게 화이트보드를 제공하다
Drawpad - Giving coding agents a whiteboard
핵심 요약
코딩 에이전트와 시각적으로 협업할 수 있도록 Excalidraw를 활용한 CLI 도구 'Drawpad'를 소개합니다.
- 시각적 협업 — Excalidraw를 통해 에이전트와 다이어그램을 공유하고 피드백을 주고받음
- 워크플로우 개선 — 텍스트 위주의 소통에서 벗어나 아키텍처나 UX 설계를 직관적으로 검토함
- 확장성 고려 — 텍스트 스트림을 넘어 UI 목업, 타임라인 등 다양한 대화형 작업 공간으로의 발전 가능성 제시
코딩 에이전트는 정말 놀랍지만, 저는 항상 같은 문제에 부딪히곤 합니다. 결국 텍스트의 벽을 스크롤하며 위아래로 왔다 갔다 하면서 하나씩 질문에 답하게 되고, 구조를 보여주기에 적합하지 않은 매체에서 아키텍처를 고민하다 보니 결국 지쳐서 게으른 결정을 내리게 되더군요.
우리는 더 잘할 수 있습니다. 저는 Excalidraw를 사용하여 코딩 에이전트와 시각적으로 협업할 수 있게 해주는 작은 CLI 도구인 drawpad를 만들었습니다.
워크플로우는 간단합니다. 에이전트가 Excalidraw 창을 열면, 사용자가 스케치를 하거나 다이어그램을 수정하고, 댓글을 남기거나 에이전트의 제안을 표시한 뒤 다시 보냅니다. 에이전트는 이 시각적 맥락을 이해하고 작업을 이어갑니다.
이 도구는 아키텍처를 검토하거나, UX를 조율하고, 복잡한 시스템을 설명하거나, 터미널 텍스트로 길게 설명하기 번거로운 피드백을 줄 때 특히 유용합니다.
어떤 면에서는 로컬 Excalidraw 파일을 관리하는 것보다 더 매끄러운 워크플로우일 뿐입니다. 하지만 마찰이 줄어든다는 점이 중요하죠. 더 중요한 것은, 저는 여기에 더 넓은 패턴이 있다고 생각합니다. 코딩 에이전트는 텍스트 스트림에만 국한되어서는 안 됩니다. 다이어그램, UI 목업, 타임라인, 표 등 작업에 맞는 적절한 대화형 작업 공간을 열 수 있어야 합니다.
사람들이 어떻게 생각하는지, 그리고 에이전트 협업에 어떤 다른 매체들이 유용할지 궁금합니다.



