백엔드 없이 Claude 화이트보드 만들기
Making Claude Whiteboards Without A Backend
핵심 요약
에이전트가 직접 백엔드 역할을 수행하여 실시간 UI를 구축하고 상태를 관리하는 itcan.do 플랫폼 소개.
- itcan.do 플랫폼 — 에이전트와 상호작용하며 실시간 UI를 구축하는 새로운 방식 제공
- 백엔드 없는 앱 — 별도의 서버 없이 에이전트가 직접 앱의 상태를 관리하고 업데이트
- 글로벌 컨텍스트 — 모든 앱과 워크스페이스가 에이전트와 연결되어 실시간으로 상태 공유
- 상태 관리 효율성 — Convex를 활용해 앱 상태를 별도로 저장하여 컨텍스트 오염 방지
안녕 형들, 내가 itcan.do를 만들었어. 이건 에이전트랑 상호작용하는 새로운 방식인데, 작업에 딱 맞는 라이브 UI를 끝에서 끝까지 직접 구축해서 어떤 디스플레이에서든 연결하고 조작할 수 있게 해주는 거야. Claude Code용으로 만들긴 했는데, Codex나 다른 에이전트들이랑도 잘 돌아가.
영상 만들 때는 Claude Fable 5.2 Anthropic의 화이트보드 출시 영상을 보여주면서 딱 한 줄, "itcan.do로 이거 만들어줘"라고 던져줬거든? 그랬더니 백엔드 하나도 없이 화이트보드, 시트, 데이터 앱을 바로 뚝딱 만들어내더라. 뭘 클릭하거나 바꾸면 바로 Claude한테 전달되고, 페이지에서 바로 답변이 튀어나와. 이게 진짜 대박인 게, Claude가 화면에 뭐가 있는지, 내가 뭘 하는지 항상 다 알고 있다는 거야. 어떤 화면에서든 돌아가니까 노트북에서 띄운 시트가 TV 대시보드랑 연동되고, 뭐가 필요하면 Claude가 알아서 깨어나서 일해.
기존의 바이브코딩(vibecoding)이랑은 차원이 달라. 에이전트 자체가 곧 백엔드거든. 즉, 네가 만든 모든 앱이 전체 맥락을 공유하고 있고, 지금 당장 화면에 뭐가 떠 있는지 다 파악하고 있다는 소리지. 새로운 모델이 나오면 네 모든 앱이랑 워크스페이스, 페이지가 그냥 알아서 더 똑똑해지는 거야.
무료로 써볼 수 있고 GitHub에도 올려뒀어. Claude Code한테 그냥 "install itcan.do"라고 입력하면 끝이야.
피드백 좀 많이 남겨줘!!
Website: https://itcan.do
