CopilotKit

CopilotKit 是用于构建 agentic 应用的前端技术栈，可将用户与 AI agent 集成到真实产品中。支持生成式 UI、持久化线程及从免费开发到企业托管的部署方案。

概述

CopilotKit 是用于构建 agentic 应用的前端技术栈，可将用户与 AI agent 集成到真实产品中。它以 AG-UI 协议为核心，该协议定义了面向用户的应用与 agentic 后端如何通过双向事件流保持同步。

该产品面向希望让 agent 在界面内直接执行操作，而不是停留在独立聊天窗口中的团队。它支持生成式 UI、持久化线程、适用于 React 和 Angular 的前端 SDK，以及浏览器应用、Slack 和 Microsoft Teams 等协作界面。

功能

生成式 UI

在 agent 工作流中渲染交互式 UI，包括卡片、图表、摘要、审批以及出现在应用或协作界面中的其他界面元素。

AG-UI 交互层

通过 AG-UI 将面向用户的产品连接到 agentic 后端，使 agent 能够读取状态、写入状态，并与应用保持同步。

线程与持久化

在应用会话以及受支持的界面（如浏览器应用、Slack 线程和 Teams 会话）之间保持线程和应用状态持久化。

前端 SDK

使用适用于 React 和 Angular 的预构建 SDK，无需从头搭建交互层即可添加 agentic 体验。

聊天组件

当基于聊天的界面适合工作流时，可先使用可自定义的聊天 UI 组件，而不是手动拼装完整体验。

部署选项

根据托管和控制需求，从定价和平台页面选择托管、自托管、VPC 或本地部署路径。

使用场景

产品 Copilot
添加一个应用内助手，可以在用户留在产品内时回答问题、显示有状态 UI 并触发操作。
团队聊天工作流
在 Slack 或 Microsoft Teams 中构建协作工作流，让 agent 渲染卡片、审批和线程式后续跟进，而不是仅返回纯文本回复。
持久化应用会话
创建基于浏览器的 agent 体验，在会话之间保留状态，并在用户返回应用时延续上下文。
agent 到前端集成
将现有 agent 框架或后端连接到结构化前端层，使应用 UI 与 agent 输出保持同步。
团队推广与部署
使用与部署姿态相匹配的平台方案，从免费开发者试用到自托管或企业级部署。

Pros and Cons

Pros

支持在产品界面内进行 agent 交互，而不是将体验限制在独立聊天中。
提供结构化的 AG-UI 层，用于同步应用状态、用户操作和 agent 输出。
包含适用于 React 和 Angular 的前端 SDK，可减少常见 Web 技术栈的配置工作。
支持在会话之间以及受支持的协作界面中实现持久化线程和状态。
提供适用于免费使用、小型项目、团队和企业部署需求的定价路径。

Cons

Slack 和 Microsoft Teams 在集成页面中被描述为抢先体验，而其他一些界面则仅处于计划中或即将推出。
源内容强调的是集成和协议层，因此团队仍需要自行提供 agent、模型和应用逻辑。

FAQ

团队如何开始使用 CopilotKit？

CopilotKit 提供适用于 React 和 Angular 的前端 SDK，其定价页面也列出了与 agentic 后端的连接，因此团队可以连接现有后端，而无需从零开始。首页说明你可以用一个命令和现有应用快速开始。

CopilotKit 只面向企业团队吗？

定价页面显示了单个开发者席位、小团队、成长型团队和企业部署方案，包括自托管和定制条款。这表明它既可供个人开发者使用，也适用于更大的团队。

CopilotKit 可以支持哪些类型的输出？

CopilotKit 支持生成式 UI、聊天组件、共享状态与持久化，以及基于 AG-UI 的浏览器应用、Slack 和 Microsoft Teams 交互。集成页面还提到 Slack 和 Microsoft Teams 处于抢先体验阶段，而 Discord 和 Google Chat 处于计划中或即将推出。

有什么明确的限制或注意事项吗？

源页面将 CopilotKit 描述为用于 agent 与用户交互的前端技术栈和协议层。它们并没有将其呈现为适用于所有后端或工作流的完全即开即用产品，因此团队应预期将其集成到自己的应用和 agent 技术栈中。

AG-UI 与 MCP 或 A2A 有什么不同？

AG-UI 页面将 AG-UI 定位为用户可见应用与 agentic 后端之间的交互层，而 MCP 和 A2A 则覆盖上下文和 agent 协调。CopilotKit 基于 AG-UI，提供面向生产使用的客户端和平台工具。

Quick Facts

类别: 开发者工具
平台: Web、Slack、Microsoft Teams
框架: React、Angular
协议: AG-UI
部署: 免费、自托管、VPC、本地部署、云端