// 01 CopilotKit 是什么
快速结论
CopilotKit 是一个开源（MIT 协议）的「Agent 原生应用」框架，主打让开发者在任意前端框架、任意界面里嵌入 AI 助手与 Agent。它提供生成式 UI、共享状态、人在回路（Human-in-the-Loop）工作流、聊天 UI 与工具调用，基于 AG-UI 协议，可与 LangChain、CrewAI、Mastra、PydanticAI 等集成。支持 React / Next.js（正式版）、Angular、Vue、React Native，乃至 Slack / Teams（测试中）。框架本身可在国内使用，底层大模型需自接。
适合谁优先使用
- 要给自家产品加 AI 副驾 / 聊天助手的前端、全栈开发者
- 想做生成式 UI、人在回路 Agent 应用的团队
- 已在用 LangChain / CrewAI、想把 Agent 接到前端界面的人
- 需要跨 Web / 移动 / 聊天平台统一部署 Agent 的项目
核心能力拆解
生成式 UI
让 Agent 动态生成并渲染界面组件，而不只是返回文本。
共享状态与工具调用
前后端共享 Agent 状态，支持后端工具渲染与聊天内工具调用。
人在回路工作流
关键步骤可插入人工确认 / 干预，适合需要可控的 Agent 流程。
多框架、多平台
React / Next.js（正式）、Angular、Vue、React Native，以及 Slack / Teams（测试），用 useAgent Hook 做编程控制。
和同类工具怎么选
| 需求 | 优先考虑 | 判断标准 |
|---|---|---|
| 把 Agent / 助手嵌进自有 App 的界面 | CopilotKit | 要前端组件 + 生成式 UI |
| 纯后端 Agent 编排 | LangChain / CrewAI | 不涉及前端 UI |
| 要现成聊天机器人 SaaS | 各类对话平台 | 不想写代码 |
国内平替：框架开源可直接用，底层大模型可换成国内模型（需自接）。
限制与避坑
- 需要 LLM key（OpenAI / Anthropic / Gemini），这些国内访问不便，可换国内模型但需自行对接
- 面向开发者，要写前端代码，非零代码工具
- 部分能力（自学习 Agent）仍是早期访问
- 依赖外部大模型服务，需自备额度
典型工作流
给应用加一个 AI 副驾
- 执行
npx copilotkit@latest create快速起步 - 接入你的 Agent / LLM（可换国内模型）
- 用 CopilotKit 组件和 useAgent Hook 把助手嵌入界面
- 部署到 Web、移动或聊天平台
常见问题
CopilotKit 收费吗？
开源免费（MIT）；你接入的大模型 API 按各自用量计费。
国内能用吗？
框架本身能用，默认依赖的 OpenAI / Anthropic / Gemini 国内访问不便，可换国内模型自接。
支持 Vue 吗？
支持，还支持 React / Next.js、Angular、React Native 等。
和 LangChain 冲突吗？
不冲突，互补——CopilotKit 负责前端与交互，可与 LangChain / CrewAI 等后端 Agent 框架集成。
NavXD 使用建议
想把 AI 助手 / Agent 做进自己产品的界面，CopilotKit 是成熟的开源选择；如果只想要一个独立聊天机器人、不打算写前端，用现成 SaaS 更快。
// 02 核心 功能
- 核心定位快速结论 CopilotKit 是一个开源（MIT 协议）的「Agent 原生应用」框架，主打让开发者在任意前 […]
- 分类索引当前归档在 AI 编程、AI Agent / 智能体，方便和同频工具横向比较。
- 能力标签关联标签包括 开源、React、前端开发、Agent框架、生成式UI。
- 使用入口已记录可访问入口，可通过本页主按钮跳转。
// 03 使用 场景
- 快速判断是否适合当前任务结合 AI 编程、AI Agent / 智能体 定位和 开源、React、前端开发 标签，先判断它是否匹配你的工作流。
- 横向比较同类工具从相同分类和标签继续探索替代工具，减少只看单个产品带来的选择偏差。
- 沉淀工具选型资料把官网入口、平台、版本和 NavXD 标签合并成一页，适合做选型记录或团队分享。
