Agents · 智能体应用框架
CopilotKit
把Agent与CoAgents嵌入前端的人机协作框架
CopilotKit 面向将 Agent 嵌入应用前端的场景，适合构建人机协作和可视化 Agent 交互层。
状态
verified
开源
价格
开源免费 + 云服务
开源 + 商业版
入口
SDK / GitHub / 官方文档
SDK 集成 / 自托管应用 / 自托管
API
有 API/SDK
可接第三方模型
形态
前端集成框架
React / TypeScript
选型结论
适合想把Agent与CoAgents能力嵌入前端产品的开发团队，它专注交互层与人机协作，不承担后端编排；后端仍需LangGraph或自定义Agent支撑，OpenAI兼容接口可接入，价格以官网价格页为准。
定位
适合
成本口径
核心能力
前端嵌入能力
以React与TypeScript为主，把Agent交互层直接接入现有前端应用。
CoAgents协作
支持CoAgents形态的人机协作，让用户在前端参与Agent的任务过程。
开源与自托管
开源并提供自托管方式，团队可按自身架构把SDK集成进应用。
后端灵活接入
可对接OpenAI兼容接口、LangGraph或自定义后端Agent。
典型使用场景
应用内智能助手
在已有SaaS或内部系统中加入对话式助手，由后端Agent驱动任务。
人机协作流程
让用户在界面上确认、修改或接管Agent输出，形成可审阅的协作流程。
可视化Agent交互
把Agent的中间状态与操作结果呈现在前端，便于用户理解与干预。
上手步骤
- 1
查阅官方文档
从官方文档了解SDK结构与前端集成方式，确认与现有项目的契合度。
- 2
获取SDK集成
在React与TypeScript项目中引入SDK，先接通一个最小交互入口。
- 3
接入后端Agent
通过OpenAI兼容接口或LangGraph连接后端Agent，明确数据流向。
- 4
选择部署方式
按团队要求选择SDK集成或自托管应用，并核对许可与官网价格页。
价格与使用方式
价格口径
开源状态
API 状态
使用入口
运行方式
支持平台
常见连接对象
所属生态
优点与局限
值得选的地方
- 专注前端交互层，与React项目结合自然。
- 支持CoAgents形态的人机协作与结果审阅。
- 后端可通过兼容接口对接，编排仍交给已有框架。
先想清楚的地方
- 偏交互层，不承担通用后端执行与编排职责。
- 需要团队具备React前端开发能力。
- 开源与商业版许可并存，商用前需核对许可条款。
适合谁用
更适合
- 要把Agent嵌入前端的开发团队
- 需要人机协作交互层的产品团队
- 使用React技术栈的前端项目
不太适合
- 只需后端编排框架的团队
- 不愿维护前端集成的项目
- 追求纯聊天客户端的使用者
同类对比
4 个同类| 产品 | 形态 | 价格口径 | 开源 | 地区 |
|---|---|---|---|---|
| CopilotKit CopilotKit · 本页 | 前端集成框架 | 开源免费 + 云服务 | 是 | 海外 |
| CrewAI CrewAI | 企业多 Agent Build & Runtime 平台 | 开源 + 付费云服务 | 是 | 海外 |
| Microsoft AutoGen Microsoft | 开源多 Agent 框架（关注 Microsoft Agent Framework 迁移路径） | 开源免费 | 是 | 海外 |
| LangGraph LangChain | Agent 编排框架 | 开源 + 云服务 | 是 | 海外 |
| n8n AI Agent n8n | 工作流自动化 Agent | 开源 + 付费云服务 | 是 | 海外 |
按分类、形态和接入方式挑出最接近的同类，价格口径以各自详情页为准。
常见问题
4 条CoAgents在前端起什么作用？
CoAgents用于组织人机协作流程，让用户在前端参与Agent任务，进行确认、修改或接管。
CoAgents与后端框架如何配合？
前端用CoAgents承载交互，后端仍由LangGraph或自定义Agent负责编排与执行，两者通过接口衔接。
CoAgents支持哪些模型接口？
可通过OpenAI兼容接口接入模型，也能连接LangGraph或自定义后端Agent，具体以官方文档为准。
CoAgents可以自托管部署吗？
可以，SDK集成之外也支持自托管应用；许可分开源与商业版，商用前需按官网条款核对。