CopilotKit

CopilotKit

Agentic Frontend Stack

把任意智能体,接进你的产品界面

CopilotKit 是构建「智能体原生应用」的前端堆栈与生成式 UI 框架,也是 AG-UI(Agent-User Interaction)协议的缔造者。它让任意 Agent 后端以生成式 UI、共享状态与人机协作的方式深度嵌入你的产品——覆盖 Web、移动端、Slack 与 Teams,而非被困在孤立的聊天框里。

34K+
GitHub Stars
1M+
周下载量
100K+
开发者
AG-UI
协议标准缔造者

免费试用 · 无需下载即可在线体验

智能体原生应用的前端堆栈

CopilotKit

CopilotKit 始于一个 React 组件库,如今已成长为多平台的智能体应用框架:同一个 Agent 可以同时驱动你的 Web 应用、移动端与团队的 Slack 工作区。它也是 AG-UI(Agent-User Interaction)协议的缔造者——该协议已被 Google、LangChain、AWS、Microsoft、Mastra、PydanticAI 等采纳,定义了 Agent 与前端 UI 之间的标准通信方式。

CopilotKit 的关键能力是生成式 UI(Generative UI):Agent 在工作的过程中,直接渲染丰富的交互组件到你的应用、Slack 与 Teams 中,而非只吐出一段文本。配合 Threads + 持久化、共享状态层与人机协作(Human-in-the-Loop),让 Agent 在需要时能暂停、请求用户输入或确认后再继续。

它对接「任意 Agent 后端」——ChatGPT、Claude、Gemini,以及 LangChain、AWS Strands、Google ADK、Microsoft Agent Framework、Mastra、Pydantic AI 等任意框架,并原生支持 MCP、A2A、AG-UI 协议。提供 React / Angular / Vue / React Native 前端 SDK;既可用 CopilotKit Cloud(托管)也可自托管并连接自有数据库。

核心功能一览

六大核心能力,覆盖创作全流程

🎨

生成式 UI

Agent 在运行中渲染可交互 UI 组件到应用、Slack 与 Teams,让结果「所见即所得」而非纯文本。

🔗

共享状态层

Agent 与 UI 组件可读写同一份实时同步状态,避免大量样板代码与状态漂移。

📱

多前端 SDK

一等公民支持 React、Angular、Vue 与 React Native;同一份逻辑覆盖 Web、移动端与团队聊天。

🤝

人机协作

Agent 可暂停执行,请求用户确认、输入或编辑后再继续,把人类判断留在关键路径上。

📜

AG-UI 协议

CopilotKit 是 AG-UI 协议缔造者,定义 Agent↔UI 的 16 种标准事件,已被多家头部框架采纳。

零基础快速上手

4 步完成你的第一件 AI 作品,无需任何设计经验

1

初始化项目

在已有应用中运行 npx copilotkit@latest create,按提示接入你的框架与 LLM 密钥(OpenAI / Anthropic / Gemini 等)。

2

添加运行时与 Provider

安装 @copilotkit/react-core 与 @copilotkit/runtime,用 <CopilotKit> 包裹应用并指定 Agent 后端。

3

集成 UI 组件

引入 CopilotChat / CopilotSidebar 等预构建组件,或用 useCopilotAction 自定义生成式 UI 渲染。

4

接入工具与人机协作

用 useCopilotAction 注册后端工具,配置 Human-in-the-Loop 在关键步骤暂停等待用户确认。

全平台客户端下载

支持网页端、桌面端、移动端及浏览器插件,随时随地开启创作

下载与文档

CopilotKit 官网
Web
下载
GitHub
Source
下载
npm 包
npm
下载
文档
Docs
下载
火山引擎AD

常见问题解答

遇到问题?这里可能有你想要的答案

1

CopilotKit 和 LangChain 是什么关系?

两者互补而非竞争:LangChain / LangGraph 负责 Agent 后端与编排,CopilotKit 负责把 Agent 接进前端 UI 并支持生成式交互;CopilotKit 原生对接 LangChain / LangGraph 等多种后端。

2

CopilotKit 收费吗?

框架开源免费(MIT),提供 CopilotKit Cloud 托管与自托管两种模式;公司已完成 2,700 万美元 A 轮融资,企业智能平台按规模计费。

与同类 Agent 应用框架对比

和同类工具横向对比,帮你选对工具。

对比维度CopilotKitLangChainLangGraphMastra
定位智能体前端 / UILLM 应用框架有状态图编排全栈 Agent 框架
生成式 UI一等公民需自行实现需自行实现有限
前端 SDKReact/Angular/Vue/RN无专门 UI无专门 UI部分
核心协议AG-UI(自创)无无MCP