CopilotKit：给 React 应用塞进一个会自己干活的 AI 副驾，生成式 UI 直接落地

做前端的人这两年都被同一个问题绊住：大模型能聊、能调工具，可一旦要把它「塞进」自己的产品界面里，让它真的在页面上生成表单、表格、图表，事情就乱了。CopilotKit 想解决的正是这个缝——它不做模型，而是做「agent 和用户之间的那一层」，让你用 React 的写法把会干活的 AI 副驾直接长在应用里。

CopilotKit封面图

是什么

CopilotKit 是一个用来构建「agent 原生应用」的 SDK。最早它是个 React 库，现在定位成了你和用户之间的横向层：同一个 agent，能同时驱动网页、移动端，以及团队用的 Slack、Microsoft Teams。它背后还牵头了一个叫 AG-UI Protocol 的协议，已经被 Google、LangChain、AWS、Microsoft、Mastra、PydanticAI 这些家采纳。换句话说，它干的是「把 agent 的输出变成界面上的真实组件」这件事，而不是再给你造一个聊天框。

核心优势

生成式 UI（Generative UI）是它最值得说的点。传统做法是 agent 吐一段文字或 JSON，你再自己画界面；CopilotKit 让 agent 在运行时直接生成并更新 UI 组件——比如用户说「帮我画个销量对比图」，界面上真的长出一张图，而不是一段描述。它把这件事分成静态、声明式、开放式三种模式，接 MCP、接 JSON 都能玩。

共享状态。agent 和界面组件读的是同一份状态，两边都能改。agent 算出一个城市名，按钮一点就能改掉它，界面和大脑是连着的，不是各说各话。

人在回路（Human-in-the-Loop）。agent 干到一半可以主动停下来，问你要不要确认、要不要改，通过后再继续。做企业流程、做审批类东西时，这一个能力能省掉很多「它自作主张搞砸了」的事故。

一个 agent，铺到所有聊天软件。Channels SDK 把你写好的 agent 直接丢进 Slack、Teams，工具、共享状态、人在回路都原样带走，不用为不同平台重写一遍。Discord、WhatsApp、Telegram 的适配器也在路上。

富会话 + 自动学习。对话能跨刷新、跨设备、跨 session 存活；跑完的会话能变成带证据的洞察和可复用的技能，不靠微调。上生产后可以接 CopilotKit Intelligence，加用户记忆、产品分析、自托管。

安装 / 使用方法

上手很轻。想在新项目里起一个：

npx copilotkit@latest create

想给现有项目加 CopilotKit，让 coding agent 自己看项目引导集成：

npx --yes copilotkit@latest onboard start

装完它的 agent skills 也一行搞定：npx copilotkit@latest skills install。React / Next.js 已经 GA，Angular、Vue、React Native 也都支持。真正写业务时，useAgent 这个 hook 直接挂在 AG-UI 上，你能用代码完全控制 agent 的连接和状态。

CopilotKit 仓库主页

CopilotKit 仓库主页：37.7K Star，最近提交活跃

不是没有槽点

它强在「界面层」，模型和业务逻辑还是你的事。CopilotKit 不替你选模型、不替你写 agent 的脑子，它只是把好用的「副驾外壳」给你。团队小、只想快速堆个聊天框的话，上它反而比直接调 API 重。

概念不少，新人要爬坡。AG-UI、Generative UI 的三种模式、共享状态、人在回路……文档全，但第一次看容易晕。建议先跑通一个最小 demo 再回头啃概念。

Intelligence 那层是商业平台。富会话、用户记忆、自动学习这些「上生产才香」的能力，完整版在它的托管平台或自托管集群里，个人玩核心 SDK 免费，但要那些高级特性就得考虑付费或自己部署。

跟同类怎么比

和 Vercel AI SDK 比，CopilotKit 更偏「应用内副驾 + 生成式 UI + 多渠道」这一整条链路，Vercel 更偏通用的模型调用与流式。和 LangChain 比，LangChain 是 agent 编排引擎，CopilotKit 是站在 LangChain 前面的「用户交互层」，两者其实能一起用——它官方就点名支持 LangChain。和纯聊天组件库比，它多的是 agent 能反向渲染 UI 这种能力。

一句话总结：如果你的产品需要的不只是一个聊天框，而是「AI 能在界面上真的动手」，CopilotKit 是目前最省事的那层胶水。先把一个会生成图表的小功能做出来，比读十篇架构文都管用。

CopilotKit 官方文档站