캔버스를 활용한 인터랙티브 경험 구축 방법

대부분의 개발자가 AI 에이전트와 협업하고 있지만, 단순한 대화형 인터페이스는 복잡한 정보를 시각화하거나 구조화된 작업을 수행하는 데 한계가 있다. 이를 해결하기 위해 GitHub Copilot은 **Canvas(캔버스)**라는 확장 인터페이스를 제공한다.

Canvas는 개발자와 에이전트가 실시간으로 협업할 수 있는 공유 인터랙티브 공간이다. 에이전트는 작업 중 캔버스를 업데이트하고, 사용자는 클릭, 편집, 스와이프 등의 동작을 통해 직접 정보를 조작할 수 있다. 사용자의 상호작용은 에이전트에게 다시 전달되거나 캔버스 내에서 로컬로 처리되어 지속적인 반복 작업이 가능하다.

캔버스는 /create-canvas 명령어를 통해 생성할 수 있으며, 다음과 같은 다양한 형태로 활용 가능하다:

• Issue Triage Helper: GitHub Issues를 카드 형태로 시각화하여 스와이프 동작만으로 빠르게 분류 및 처리할 수 있는 인터페이스.
• Interactive Codebase Diagram: 프로젝트의 구조와 컴포넌트 간의 관계를 역동적인 다이어그램으로 시각화하여 탐색할 수 있는 도구.
• Sessions Worktree View: 활성화된 Copilot 세션과 git worktree를 시각화하여 관리할 수 있는 뷰.

이러한 캔버스는 단순한 텍스트 응답을 넘어, 사용자가 정보를 직접 탐색하고 제어할 수 있는 능동적인 워크플로우를 제공한다.