当前位置：首页 > news >正文

CopilotKit：多平台代理框架，1分钟为应用添加AI功能！

news 2026/6/13 17:38:30

震撼来袭：CopilotKit可开发原生代理应用

没错，CopilotKit能在任何框架、任何平台上开发原生代理应用程序。它为React、Angular、Vue、React Native等框架提供生成式UI、共享状态和人工介入式工作流，甚至可应用于浏览器之外的场景。

揭秘CopilotKit

CopilotKit是一款一流的SDK，用于构建全栈代理应用程序、生成式UI和聊天应用程序。它最初是一个React库，如今已发展成为一个多平台代理框架，同一个代理可以驱动Web应用、移动应用以及团队的Slack工作区。而且，它背后的团队是AG - UI协议的幕后团队，该协议已被Google、LangChain、AWS、Microsoft、Mastra、PydanticAI等公司采用。

特性大揭秘

它具有众多特性：聊天UI是一个完全可定制的聊天界面，支持消息流式传输、工具调用和代理响应；后端工具渲染允许代理调用后端工具，并将返回的UI组件直接在客户端渲染；生成式UI使代理能够根据用户意图和代理状态在运行时动态生成和更新UI组件；共享状态是一个同步的状态层，代理和UI组件都可以实时读写；人工介入允许代理暂停执行，在继续之前请求用户输入、确认或编辑；自学习（早期访问）让代理通过上下文强化学习（CLHF）从用户反馈中持续改进。

适配技术栈

一个代理后端，适配所有前端。比如React / Next.js已正式发布，可快速开始；Angular和Vue支持使用，源代码 - 快速开始即将推出；React Native也支持使用，可快速开始。你的代理逻辑保持不变，AG - UI处理通信协议，CopilotKit为每个框架处理UI层。

超越浏览器

你的代理可以在Web应用之外运行并生成生成式UI。CopilotKit现在允许将同一个代理部署到用户日常工作的地方，像Slack，代理作为一流的Slack应用，可在频道中直接进行线程对话、工具调用和人工介入式审批；Microsoft Teams可将代理工作流引入企业环境，让组织可以直接使用。不过，目前是早期访问，正在邀请团队加入。

自学习代理的魅力

借助CopilotKit智能平台的持续人类反馈学习（CLHF），代理在每次交互中不断改进。包括上下文强化学习，代理自动从用户交互中改进，无需模型微调；自动提示增强，代理行为根据最近的交互和结果进行调整；用户个性化适应，代理学习每个用户的偏好，并随着时间的推移为每个用户提供更好的服务；线程与持久化，完整的交互历史记录在会话间保存，可通过CopilotKit Cloud或自行托管使用。同样，这也是早期访问，正在邀请团队加入。

快速开始指南

新项目可使用`npx copilotkit@latest create -f`，现有项目使用`npx copilotkit@latest init`。这将带来CopilotKit安装，核心包在应用中完全设置好；提供者配置，上下文、状态和钩子准备就绪，可直接使用；代理与UI连接，代理可以流式传输操作并立即渲染UI；部署就绪，应用已准备好部署。

工作原理剖析

CopilotKit将UI、代理和工具连接成一个单一的交互循环，使得代理可以向用户请求输入，工具可以渲染UI，实现跨步骤和会话的有状态工作流，一个代理可以部署在Web、移动和聊天平台上。

useAgent钩子的奥秘

`useAgent`钩子直接基于AG - UI，让你可以完全以编程方式控制代理连接。比如可以以编程方式访问和控制代理，渲染和更新代理状态。想了解更多信息可查看相关文档。

生成式UI核心模式

生成式UI是CopilotKit的核心模式，允许代理在工作流中动态渲染UI。

三种类型比较

可以探索静态（AG - UI协议）、声明式（A2UI）、开放式（MCP应用和开放JSON）三种类型。

AG - UI协议的作用

AG - UI将代理工作流连接到面向用户的应用程序，与代理技术栈中的众多伙伴进行深度合作和原生集成，包括LangChain、CrewAI、Mastra、PydanticAI等。

社区与贡献

有问题或需要帮助，可以加入Discord，阅读文档，试用企业智能平台，关注最新版本。如果想为CopilotKit做出贡献，无论是代码、文档、创建演示应用程序，还是传播信息都可以。代码贡献参考`CONTRIBUTING.md`，文档相关贡献查看文档贡献指南，不知道如何做可以加入Discord获取帮助。

作为Claude Code插件安装

CopilotKit单仓库同时也是一个Claude Code插件，安装后，所有9项技能（3个包元技能 + 6个生命周期旅程技能）均可使用。添加仓库到Claude Code市场有相应操作，技能从仓库根目录的`skills//SKILL.md`中发现。有预提交检查会拒绝使镜像文件不一致的提交，插件版本固定在`packages/runtime/package.json`中，并由同一脚本保持同步。