큐레이션
CopilotKit
웹·모바일·협업 채널에 생성형 UI와 사람 승인 흐름을 연결하는 에이전트 애플리케이션 SDK
TypeScript37.1k+
요약
CopilotKit은 에이전트의 도구 호출과 상태를 사용자 화면에 연결하고, 웹·모바일·Slack·Microsoft Teams에서 생성형 UI와 사람 승인 흐름을 구현하는 SDK입니다.
도구 소개
공식 README는 채팅 UI, 백엔드 도구 렌더링, 런타임 생성형 UI, 공유 상태, 사람 개입을 핵심 기능으로 제시합니다. 에이전트 로직과 사용자 인터페이스를 분리하면서도 같은 상태와 도구 호출을 여러 화면·채널에 전달하는 구조입니다. React·Angular·Vue·React Native 지원과 AG-UI 프로토콜 연결도 함께 설명합니다.
사용 포인트
- 에이전트가 만든 결과를 채팅이 아니라 실제 UI 컴포넌트로 표시
- 결제·삭제·문서 반영 같은 상태 변경 전에 사용자 승인 요청
- 같은 에이전트 흐름을 웹과 Slack·Teams에 확장
- 기존 React 앱에 단계적으로 채팅·도구 호출·공유 상태 추가
설치와 시작
공식 README의 빠른 시작 방식입니다.
npx copilotkit@latest create
기존 프로젝트에 에이전트 스킬만 추가하려면 다음 명령을 사용합니다.
npx copilotkit@latest skills install
처음에는 읽기 전용 도구 하나를 연결해 상태 전달과 렌더링을 확인한 뒤, 승인 단계가 필요한 쓰기 작업으로 범위를 넓히는 편이 안전합니다.
선정 사유
에이전트의 답변을 채팅창에 가두지 않고 애플리케이션 화면과 협업 채널의 상태·승인 흐름으로 확장하는 구조가 명확합니다. 에이전트 기능을 기존 제품에 붙일 때 UI와 실행 권한을 함께 설계하려는 팀에 적합합니다.