CopilotKit：一套 SDK，让 AI 智能体在 Web、移动端和聊天平台里跑起来

微软开源的 MarkItDown 很香，但今天说另一个方向的东西。

如果你在搞 AI 应用开发，大概率遇到过这个问题：写好了 agent 逻辑，然后要在 React 里嵌个聊天界面、在移动端加个交互入口、还要考虑 Slack 机器人能不能复用同一套逻辑——每个平台重写一遍，折腾死人。

CopilotKit 就是来解决这个问题的。

这个项目在 GitHub 上已经拿到了 35k+ Star，是个开源的全栈 agentic SDK。它的核心理念很直接：一套 agent 逻辑，跑在任何前端框架上。

覆盖的平台

React/Next.js、Angular、Vue、React Native 都已经正式支持。Slack、Microsoft Teams、Discord 这些聊天平台在 Beta 阶段。意味着你可以把同一个 agent 部署到 Web 页面、移动 App、甚至公司内部的 Slack 频道里。

核心能力

CopilotKit 提供了几个关键功能：

Chat UI：开箱即用的聊天界面，支持消息流式输出、工具调用和 agent 响应。

Backend Tool Rendering：agent 调后端工具，返回的结果可以直接在前端渲染成 UI 组件。

Generative UI：agent 在运行过程中动态生成和更新 UI。比如 agent 查完天气，现场渲染一个天气卡片出来，而不是塞一段文字。

Shared State：agent 和 UI 组件共享一个状态层，两边都能读写，实时同步。

Human-in-the-Loop：agent 执行到某个步骤时可以停下来，等用户确认或输入后再继续。

Self-Learning（早期访问）：通过用户反馈自动改进 agent 行为，不需要重新训练模型。

怎么上手

只需要一行命令：

npx copilotkit@latest create

五分钟左右就能跑起来。需要准备一个 LLM 的 API Key（OpenAI、Anthropic、Gemini 等都行）。

CopilotKit 还给 Claude Code、Cursor 这些编码工具提供了 agent skill，安装后能直接在编辑器里帮你看 CopilotKit 的文档、做调试和集成。

npx copilotkit@latest skills install

背后的协议：AG-UI

CopilotKit 团队主导了 AG-UI 协议，这是个 agent 和用户界面之间的交互协议。Google、LangChain、AWS、Microsoft、Mastra、PydanticAI 都在用。这个协议负责 agent 和前端之间的通信，CopilotKit 负责各个平台的 UI 层渲染。

适合谁用

如果你正在用 LangChain、CrewAI、Mastra 这些框架写 agent，同时需要在多个终端上展示交互界面，CopilotKit 值得一试。特别是团队里既有 Web 端又有移动端需求的情况，一套方案覆盖全部，省不少功夫。

项目地址在 GitHub 上搜索 CopilotKit 就能找到，MIT 协议，可以直接用。

全部，省不少功夫。

项目地址在 GitHub 上搜索 CopilotKit 就能找到，MIT 协议，可以直接用。