How to build interactive experiences with canvases

핵심 요약

GitHub Copilot 앱에 도입된 '캔버스(Canvases)'는 AI와 개발자가 실시간으로 협업할 수 있는 공유 인터페이스입니다. 기존의 텍스트 기반 대화형 인터페이스가 해결하기 어려웠던 복잡한 정보 시각화나 다단계 워크플로우를 처리하기 위해 고안되었습니다. 사용자는 GitHub Copilot 앱 세션 내에서 '/create-canvas' 명령어를 입력하고 원하는 기능과 목적을 설명하는 것만으로 맞춤형 캔버스를 생성할 수 있습니다. 생성된 캔버스는 단순한 정적 화면이 아니라, 사용자의 클릭, 편집, 드래그 등 직접적인 상호작용을 지원하며 AI가 실시간으로 데이터를 업데이트하거나 사용자의 조작에 반응하는 동적 작업 공간입니다. 예를 들어, 이슈 분류를 위해 카드 기반의 스와이프 인터페이스를 생성하거나, 코드베이스의 구조를 시각화하여 노드를 드래그하고 필터링하며 아키텍처를 탐색할 수 있습니다. 또한, 현재 세션의 워크트리 상태를 시각화하여 불필요한 항목을 클릭 한 번으로 정리하거나, 과거 프롬프트를 분석하여 개선점을 제안하는 '프롬프트 코치'를 구성하는 등 활용 범위가 넓습니다. 캔버스는 사용자가 AI에게 지속적으로 기능을 추가하거나 수정하도록 요청함으로써 작업 과정과 함께 진화하며, 복잡한 정보를 한눈에 파악하고 즉각적인 행동을 취할 수 있도록 돕습니다. 이는 개발자가 AI를 단순한 질의응답 도구가 아닌, 함께 생각하고 탐색하며 실무를 수행하는 파트너로 활용하게 함으로써 업무 효율성을 높이는 데 목적이 있습니다.

무엇이 바뀌었나

• GitHub Copilot 앱 내 시각적 협업 공간인 '캔버스' 기능 추가
• '/create-canvas' 명령어를 통한 맞춤형 UI 생성 및 AI와의 실시간 상호작용 지원
• 이슈 분류, 코드 구조 시각화, 워크트리 관리 등 다양한 워크플로우 최적화 가능

누가 봐야 하나

GitHub Copilot을 활용하여 복잡한 프로젝트 관리나 코드 분석을 수행하는 개발자 및 기술 실무자

원문에서 확인할 것

• 현재 사용 중인 GitHub Copilot 앱 버전에서 캔버스 기능 활성화 여부
• 캔버스 생성 시 지원되는 구체적인 UI 컴포넌트 및 상호작용 범위
• 캔버스 내에서 처리된 데이터가 로컬 환경 및 외부 도구와 연동되는 방식

출처·한계

본 자료는 GitHub 공식 블로그의 소개 내용을 바탕으로 작성되었으며, 실제 사용 시의 구체적인 API 제한 사항이나 기술적 요구 사양은 공식 문서를 추가로 확인해야 합니다. 발행·수집 기준 시각은 2026. 7. 22. AM 1:00입니다.