CopilotKit

라이브러리에는 채팅 화면이 준비돼 있다. 전체 패널, 사이드바, 팝업 세 가지다. 모두 응답을 스트리밍하고 생성형 UI를 그대로 처리한다. 말풍선이나 입력창 같은 하위 컴포넌트는 슬롯으로 갈아 끼울 수 있어 다시 만들지 않고 제품 모양을 따른다. 완전한 제어가 필요하면 같은 동작을 헤드리스 훅으로 쓴다.

에이전트는 문장이 아니라 진짜 화면 요소로 답할 수 있다. 방식은 세 가지다. 컴포넌트를 미리 정하고 에이전트가 하나를 골라 데이터를 채우는 제어형, 에이전트가 UI 트리를 제안하고 앱이 검증하는 선언형, 더 자유로운 출력을 위한 개방형이다. 실제로는 거래처 지출을 물으면 자사 스타일의 그래프가, 환불 요청에는 보낼 수 있는 폼이 돌아온다.

훅으로 앱 상태를 에이전트에 열어 주고 호출할 함수를 등록한다. 에이전트는 지금 표와 선택한 레코드, 열려 있는 폼을 보고 나서 열 정렬이나 상세 화면 이동 같은 한 걸음을 한다. 상태 변화는 앱으로 되돌아가므로 에이전트가 한 일은 채팅 기록 속으로 사라지지 않고 화면에 남아 되돌릴 수 있다.

돈과 권한, 고객 데이터를 건드리는 동작은 실행 전에 확인을 요구할 수 있다. 요청은 파라미터가 채워진 채 대화에 나타나고 사용자는 그 자리에서 승인하거나 거절한다. 규제가 강한 고객 대면 업무에서는 검토 없는 실행이 통하지 않기에 이 장치가 도입 여부를 가른다.

AG-UI는 에이전트 백엔드와 프론트엔드의 대화를 표준화한 공개 이벤트 기반 프로토콜이다. CopilotKit이 이를 운영하며 LangGraph, CrewAI, Mastra, Google ADK, AWS Strands, OpenAI Agents SDK, Claude Agent SDK 연결을 제공하고 스무 가지가 넘는 추가 연결도 있다. 프로토콜이 SDK와 분리돼 있어 나중에 에이전트 프레임워크를 바꿔도 프론트엔드 코드는 남는다.

프론트엔드 SDK는 MIT 라이선스이고 런타임은 자사 인프라에 둘 수 있다. 온프레미스나 VPC 안에서도 돈다. 관리형인 CopilotKit Intelligence는 스레드 저장, 호스팅, Slack과 Teams 채널, 실행을 들여다보는 인스펙터, 분석을 더한다. 유료 등급은 보관 기간과 저장 한도를 올린다.