CopilotKit/CopilotKit
요약
CopilotKit은 풀스택 에이전트 기반 애플리케이션, 생성형 UI(Generative UI), 그리고 채팅 애플리케이션 구축을 위한 고급 SDK입니다. 이 도구는 React 기반의 채팅 인터페이스와 함께, 백엔드에서 클라이언트가 직접 렌더링할 수 있는 UI 컴포넌트를 호출하고 동적으로 업데이트하는 '생성형 UI' 기능을 제공합니다. 이를 통해 에이전트 워크플로우를 사용자 대면 애플리케이션에 깊숙이 통합하여 강력한 사용자 경험을 구현할 수 있습니다.
핵심 포인트
- CopilotKit은 풀스택 에이전트 기반 앱, 생성형 UI, 채팅 앱 개발을 위한 SDK입니다.
- 핵심 기능인 '생성형 UI'는 에이전트가 워크플로우의 일부로 런타임에 UI 컴포넌트를 동적으로 생성하고 업데이트할 수 있게 합니다.
- React 기반의 Chat UI를 통해 메시지 스트리밍, 도구 호출(tool calls), 에이전트 응답을 지원합니다.
- `useAgent` 훅은 에이전트에 대한 높은 수준의 제어권을 제공하며, 에이전트 상태를 프로그램적으로 접근하고 업데이트할 수 있게 합니다.
CopilotKit은 풀스택 에이전트 기반 애플리케이션(agentic applications), 생성형 UI(Generative UI) 및 채팅 애플리케이션을 구축하기 위한 최고 수준의 SDK입니다.
저희는 Google, LangChain, AWS, Microsoft, Mastra, PydanticAI 등에서 채택한 AG-UI Protocol의 개발사입니다!
Whole.Generative.UI.v5.mp4
주요 기능:
채팅 UI(Chat UI) – 메시지 스트리밍, 도구 호출(tool calls), 에이전트 응답을 지원하는 React 기반 채팅 인터페이스입니다.
백엔드 도구 렌더링(Backend Tool Rendering) – 에이전트가 클라이언트에서 직접 렌더링되는 UI 컴포넌트를 반환하는 백엔드 도구를 호출할 수 있도록 합니다.
생성형 UI(Generative UI) – 사용자 의도와 에이전트 상태를 기반으로 런타임에 UI 컴포넌트를 동적으로 생성하고 업데이트할 수 있게 합니다.
공유 상태(Shared State) – 에이전트와 UI 컴포넌트 모두 읽을 수 있는 동기화된 상태 계층입니다.
useAgent
훅은 useCoAgent의 적절한 초집합(superset)이며 AG-UI 위에 직접 위치하여 에이전트 연결에 대한 더 많은 제어권을 제공합니다.
// 프로그램적으로 에이전트에 접근하고 제어합니다
const { agent } = useAgent({ agentId: "my_agent" });
// 에이전트의 상태를 렌더링하고 업데이트합니다
...
useAgent 문서를 확인하여 더 많은 내용을 알아보세요.
CopilotKit.UseAgent.Graphic.Motion_2.mp4
Generative UI는 에이전트가 워크플로우의 일부로 UI를 동적으로 렌더링할 수 있게 하는 핵심 CopilotKit 패턴입니다.
demo-generative-ui.mp4
에이전트 워크플로우를 사용자 대면 앱(user-facing apps)과 연결하고, ag 전반에 걸친 깊은 파트너십 및 1st-party 통합을 구현합니다.
AI 자동 생성 콘텐츠
본 콘텐츠는 GitHub Trending TypeScript (weekly)의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기