
今天介绍一款 GitHub 热榜项目 CopilotKit。

狂揽 33.6K 星,Product Hunt 高分项目,它是直接把 Anthropic 闭源灵魂给端了出来。

过去两三年,我们见证了 AI Agent 从概念到落地的全过程。但实际操作中,大多数 Agent 还只能在聊天框里"画饼"——说能帮你做事,但真正要动手时,要么跳转到另一个页面,要么需要你手动去执行。
AI 说得天花乱坠,最后干活的还是你自己。
而这一切,正在被 CopilotKit 彻底改变。
CopilotKit 背后的团队,同时也是 AG-UI 协议 的缔造者——这个协议已经被 Google、Microsoft、Amazon、Oracle、LangChain、Mastra、Pydantic AI 等巨头采用,成为 Agent 与用户界面交互的事实标准。
它定义了 AI Agent 如何与用户界面进行实时对话。过去,Agent 只能"说话",现在,Agent 可以直接"动手"生成界面。
这就是为什么 CopilotKit 能让你的 Agent 不再停留在聊天框,而是直接在你的应用里实时生成交互界面。

CopilotKit 提供了三种 Generative UI 模式,覆盖了从严格控制到完全开放的所有场景:
这是最稳妥的模式,也是生产环境的首选。
你先写好 React 组件,Agent 只负责"挑选"组件和"填充"数据,完全不会偏离你的品牌风格。
这种模式的好处是:
对于核心业务流程,这绝对是你的首选。
这是 Google 官方也在推的模式。Agent 吐出 JSON,前端自动映射成组件。
这种模式适合什么场景?长尾功能。
比如你做一个项目管理工具,核心功能(任务、看板、日历)你用受控模式做好了,但还有 100 个小功能(发票生成、假期申请、设备预订),这些功能不常用,但做起来又很麻烦。
这时候 A2UI 就派上用场了:你只需要定义好组件库和数据 schema,Agent 会根据用户需求,自动生成对应的界面。不用你写一行组件代码。
这就是为什么 Google 也在推 A2UI——它能让你用最低的成本,覆盖最多的长尾场景。
最后是完全开放的模式。Agent 直接生成 HTML 或驱动 Excalidraw 等工具。
这种模式适合什么?一次性的、探索性的可视化。
当然,这种模式可控性最低,但灵活性最高。对于数据分析、架构设计、创意探索等场景,这是绝佳的选择。
CopilotKit 的强大,远不止 Generative UI。它是一套完整的全栈方案:
也就是说,你写一套 Agent 逻辑,就能在 Web、Mobile、Slack 上同时跑通——这就是基础设施的力量。
npx copilotkit@latest create -f <framework>npx copilotkit@latest init这会帮你:
然后,你就可以用 useAgent hook 来控制你的 Agent:
const { agent } = useAgent({ agentId: "my_agent" });
return (
<div>
<h1>{agent.state.city}</h1>
<button onClick={() => agent.setState({ city: "NYC" })}>
Set City
</button>
</div>
);就这么简单。当然,这只是冰山一角。你可以去看官方文档,里面有更详细的示例和教程。
很多独立开发者、AI 产品玩家、程序员,都在观望 Agentic 应用。你可能觉得:
但 CopilotKit 告诉你:不用等了。
33k+ Star、4M+ 周下载、财富 500 强都在用的基础设施,现在完全开源。
从受控到声明式到开放式,三种模式覆盖所有场景。协议全栈打通。一次集成,多端全通。
2026 年,是 Agentic 应用爆发的一年。而 CopilotKit,就是让你站在巨人肩膀上的那套基础设施。
GitHub:https://github.com/CopilotKit/CopilotKit
官方文档:https://docs.copilotkit.ai

如果本文对您有帮助,也请帮忙点个 赞👍 + 在看 哈!❤️
在看你就赞赞我!
