CopilotKit

CopilotKit 文档 · 示例 · 企业智能平台 · Discord 构建智能体原生应用 —— 在任何框架上，在任何界面上。为 React、Angular、Vue、React Native 以及浏览器之外的场景提供生成式 UI、共享状态和人机协作工作流。

什么是 CopilotKit

CopilotKit 是一款一流的 SDK，用于构建全栈智能体应用、生成式 UI 和聊天应用。它最初是一个 React 库，如今已发展为一个多平台智能体框架：同一个智能体可以驱动你的 Web 应用、移动应用以及团队的 Slack 工作空间。我们是 AG-UI 协议背后的公司——该协议已被 Google、LangChain、AWS、Microsoft、Mastra、PydanticAI 等采用！

Whole.Generative.UI.v5.mp4

在 1 分钟内为你的应用添加 AI

功能特性：

• 聊天 UI – 一个完全可定制的聊天界面，支持消息流式传输、工具调用和智能体响应。
• 后端工具渲染 – 允许智能体调用后端工具，这些工具返回的 UI 组件可直接在客户端渲染。
• 生成式 UI – 允许智能体根据用户意图和智能体状态，在运行时动态生成和更新 UI 组件。
• 共享状态 – 一个同步的状态层，智能体和 UI 组件均可实时读写。
• 人机协作 – 允许智能体在执行过程中暂停，以请求用户输入、确认或编辑，然后再继续。
• 自我学习（早期访问） – 智能体通过上下文强化学习（CLHF）从用户反馈中持续改进。

🧩 与你的技术栈兼容

一个智能体后端。所有前端。 平台状态 | 开始使用

• ⚛️ React / Next.js ✅ GA 快速入门
• 🅰️ Angular ✅ 支持 源代码 - 快速入门即将推出
• 💚 Vue ✅ 支持 源代码 - 快速入门即将推出
• 📱 React Native ✅ 支持 快速入门

你的智能体逻辑保持不变——AG-UI 处理线缆协议，CopilotKit 为每个框架处理 UI 层。

💬 超越浏览器：Slack 和 Microsoft Teams（Discord、Google Chat 即将推出...）

你的智能体可以在 Web 应用之外运行并生成生成式 UI（了解更多）。CopilotKit 现在允许你将同一个智能体部署到用户已经工作的场所：

• Slack – 智能体作为一流的 Slack 应用：在线程中处理工具调用和人机协作审批。
• Microsoft Teams – 将智能体工作流带入企业，在你组织已有的环境中运行。

🔒 早期访问：我们正在邀请团队加入。 👉 申请早期访问 →

🧠 自我学习智能体

通过随时间学习来改进你的产品。借助 CopilotKit 智能平台中的持续人类反馈学习（CLHF），智能体在每次交互中不断改进：

• 上下文强化学习 – 智能体自动从用户交互中改进，无需模型微调。
• 自动提示增强 – 智能体行为根据最近的交互和结果自适应调整。
• 按用户自适应 – 智能体学习个人偏好，并随时间推移为每个用户变得更好。
• 线程与持久化 – 完整的交互历史——包括生成式 UI、人机协作、共享状态——跨会话捕获。

可通过 CopilotKit Cloud 或自托管方式使用。

🔒 早期访问：我们正在邀请团队加入。 👉 申请早期访问 →

快速入门

新项目：

npx copilotkit@latest create -f 

现有项目：

npx copilotkit@latest init

cpk-cli.mp4

这将为你提供：

• CopilotKit 已安装 – 核心包已在你的应用中完全设置
• Provider 已配置 – 上下文、状态和 hooks 已准备就绪
• 智能体 <> UI 已连接 – 智能体可以流式传输操作并立即渲染 UI
• 可部署 – 你的应用已准备好部署

完整入门指南 →

工作原理：

CopilotKit 将你的 UI、智能体和工具连接成一个单一的交互循环。这实现了：

• 智能体可以向用户请求输入
• 工具可以渲染 UI
• 跨步骤和会话的有状态工作流
• 一个智能体，部署到 Web、移动和聊天平台

⭐️ useAgent Hook

useAgent hook 直接位于 AG-UI 之上，为你提供对智能体连接的完整程序化控制。

// 以编程方式访问和控制你的智能体
const { agent } = useAgent({ agentId: "my_agent" });

// 渲染并更新智能体的状态
return (
  

    
{agent.state.city}
     agent.setState({ city: "NYC" })}>设置城市
  
);

查看 useAgent 文档了解更多。 CopilotKit.UseAgent.Graphic.Motion_2.mp4

生成式 UI

生成式 UI 是 CopilotKit 的核心模式，允许智能体在其工作流中动态渲染 UI。

demo-generative-ui.mp4

比较三种类型：

• 静态（AG-UI 协议）
• 声明式（A2UI）
• 开放式（MCP 应用与开放 JSON）

生成式 UI 教育仓库 →

🖥️ AG-UI：智能体-用户交互协议

将智能体工作流连接到面向用户的应用，与智能体技术栈中的 LangChain、CrewAI、Mastra、PydanticAI 等建立深度合作和第一方集成。

npx create-ag-ui-app my-agent-app

在 AG-UI README 中了解更多 →

🤝 社区

最新动态 有问题或需要帮助？加入我们的 Discord → 阅读文档 → 尝试企业智能平台 → 关注我们的最新发布！在 LinkedIn 上关注我们 → 在 X 上关注我们 →

🙋🏽‍♂️ 贡献

感谢你对贡献 CopilotKit 的兴趣！💜 我们珍视所有贡献，无论是代码、文档、创建演示应用，还是仅仅传播信息。以下是一些有用的资源，帮助你开始：

• 对于代码贡献，请参阅 CONTRIBUTING.md。
• 对于文档相关贡献，请查看文档贡献指南。
• 想要贡献但不确定如何做？加入我们的 Discord，我们会帮助你！

安装为 Claude Code 插件

CopilotKit 单体仓库同时也是一个 Claude Code 插件——安装后即可使用全部 9 项技能（3 个包元技能 + 6 个生命周期旅程技能）。

将仓库添加为 Claude Code 市场：

claude plugin marketplace add https://github.com/CopilotKit/CopilotKit
claude plugin install copilotkit

技能会被发现...