过去两三年，我们见证了 AI Agent 从概念到落地的全过程。但实际操作中，大多数 Agent 还只能在聊天框里"画饼"——说能帮你做事，但真正要动手时，要么跳转到另一个页面，要么需要你手动去执行。AI 说得天花乱坠，最后干活的还是你自己。

CopilotKit 正在改变这一现状。GitHub 33.6K Star，Product Hunt 高分项目，它是直接把 Anthropic 闭源灵魂给端了出来。

项目背景：AG-UI 协议的缔造者

CopilotKit 背后的团队同时也是 AG-UI 协议 的缔造者——这个协议已经被 Google、Microsoft、Amazon、Oracle、LangChain、Mastra、Pydantic AI 等巨头采用，成为 Agent 与用户界面交互的事实标准。

它定义了 AI Agent 如何与用户界面进行实时对话。过去，Agent 只能"说话"，现在，Agent 可以直接"动手"生成界面。这就是为什么 CopilotKit 能让你的 Agent 不再停留在聊天框，而是直接在你的应用里实时生成交互界面。

苏米注：AG-UI 协议被这么多巨头采纳，说明 Agent 交互标准化已经是行业共识。选择 CopilotKit 不仅仅是选一个工具，更是选了一个被广泛认可的标准。

三种 Generative UI 模式

CopilotKit 提供了三种模式，覆盖了从严格控制到完全开放的所有场景：

1. Controlled 受控模式

这是最稳妥的模式，也是生产环境的首选。你先写好 React 组件，Agent 只负责"挑选"组件和"填充"数据，完全不会偏离你的品牌风格。

核心优势：

• 完全可控：UI 组件都是你写的，不会出现奇奇怪怪的样式
• 品牌一致：所有生成的界面都符合你的设计系统
• 性能最优：组件都是预定义的，渲染速度极快

对于核心业务流程，这绝对是首选。

2. Declarative 声明式（A2UI）

这是 Google 官方也在推的模式。Agent 吐出 JSON，前端自动映射成组件。适合长尾功能场景。

比如你做一个项目管理工具，核心功能（任务、看板、日历）你用受控模式做好了，但还有 100 个小功能（发票生成、假期申请、设备预订），这些功能不常用但做起来麻烦。这时候 A2UI 就派上用场了：你只需要定义好组件库和数据 schema，Agent 会根据用户需求自动生成对应的界面，不用写一行组件代码。

3. Open-ended 开放式

Agent 直接生成 HTML 或驱动 Excalidraw 等工具。适合一次性的、探索性的可视化。可控性最低，但灵活性最高。对于数据分析、架构设计、创意探索等场景，这是绝佳的选择。

全栈能力：不止于 Generative UI

CopilotKit 的强大远不止 Generative UI，它是一套完整的全栈方案：

• 双向状态同步：Agent 不仅能读取应用状态，还能直接修改
• Human-in-the-Loop：Agent 可以暂停执行，请求你的确认
• 持久 Threads：所有对话、状态、UI 都会被保存，用户下次打开应用可以直接从上次中断的地方继续
• AG-UI 协议全栈打通：这是最关键的。因为 AG-UI 是行业标准

也就是说，你写一套 Agent 逻辑，就能在 Web、Mobile、Slack 上同时跑通——这就是基础设施的力量。

快速上手

新项目：

npx copilotkit@latest create -f

现有项目：

npx copilotkit@latest init

这会帮你安装 CopilotKit 核心包、配置 Provider、连接 Agent 和 UI，让你的应用立即可部署。

然后，你就可以用 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 + AG-UI 协议的组合，正在成为 Agent 交互层的基础设施标准。对于开发者来说，现在入局的门槛已经足够低。

• GitHub：CopilotKit/CopilotKit
• 官方文档：docs.copilotkit.ai