CopilotKit

CopilotKit 是用於打造代理式應用的前端堆疊，將使用者與 AI 代理連結到真實產品中，支援生成式 UI、持久化執行緒，以及從免費開發者使用到企業代管的部署選項。

概覽

CopilotKit 是用於打造代理式應用的前端堆疊，將使用者與 AI 代理帶入真實產品之中。它以 AG-UI 協定為核心，定義使用者面向應用程式與代理式後端如何透過雙向事件串流保持同步。

此產品專為希望讓代理在介面內執行，而不是停留在獨立聊天視窗中的團隊所設計。它支援生成式 UI、持久化執行緒、適用於 React 與 Angular 的前端 SDK，以及瀏覽器應用程式、Slack 與 Microsoft Teams 等協作介面。

功能

生成式 UI

在代理工作流程期間呈現互動式 UI，包括卡片、圖表、摘要、核准，以及顯示在應用程式或協作介面中的其他介面元素。

AG-UI 互動層

透過 AG-UI 將使用者面向的產品連接到代理式後端，讓代理能讀取狀態、寫入狀態，並與應用程式保持同步。

執行緒與持久化

在應用程式工作階段之間，以及跨瀏覽器應用程式、Slack 執行緒與 Teams 對話等支援介面，持久保存執行緒與應用程式狀態。

前端 SDK

使用 React 與 Angular 的預建 SDK，在不從零打造互動層的情況下加入代理式體驗。

聊天元件

當聊天式介面適合工作流程時，可先使用可自訂的聊天 UI 元件，而不必手動組裝完整體驗。

部署選項

可根據代管與控制需求，從定價與平台頁面選擇代管、自架、VPC 或內部部署路徑。

使用案例

產品副駕駛
加入一個應用程式內助理，能在使用者停留於你的產品中時回答問題、顯示具狀態的 UI，並觸發動作。
團隊聊天工作流程
在 Slack 或 Microsoft Teams 中建立協作工作流程，讓代理呈現卡片、核准與串連後續追蹤，而非僅回覆純文字聊天。
持久化應用程式工作階段
建立以瀏覽器為基礎的代理體驗，能在跨工作階段時保留狀態，並在使用者回到應用程式時延續上下文。
代理到前端整合
將既有的代理框架或後端連接到結構化前端層，讓應用程式 UI 與代理輸出保持同步。
團隊導入與部署
依據你的部署姿態選擇相符的平台方案，從免費的開發者試用到自架或企業設定皆可。

Pros and Cons

Pros

支援在產品介面內進行代理互動，而不將體驗限制於獨立聊天。
提供用於同步應用程式狀態、使用者動作與代理輸出的結構化 AG-UI 層。
包含適用於 React 與 Angular 的前端 SDK，可減少常見網頁技術堆疊的設定工作。
支援跨工作階段與受支援協作介面的持久化執行緒與狀態。
提供適用於免費使用、小型專案、團隊與企業部署需求的定價方案。

Cons

Slack 和 Microsoft Teams 在整合頁面中被描述為搶先體驗，而其他一些介面則僅列為規劃中或即將推出。
來源強調的是整合與協定層，因此團隊仍需要自行提供代理、模型與應用程式邏輯。

FAQ

團隊要如何開始使用 CopilotKit？

CopilotKit 提供適用於 React 與 Angular 的前端 SDK，而其定價頁也列出可連接代理式後端，因此團隊可以連接既有後端，而不必從頭開始。首頁表示你可以用一個指令和現有應用程式開始。

CopilotKit 只適合企業團隊嗎？

定價頁顯示有單一開發者席位、小型團隊、成長型團隊與企業部署等方案，包含自架與自訂條款。這表示它既可供個人開發者使用，也可供較大型團隊使用。

CopilotKit 可以支援哪些類型的輸出？

CopilotKit 支援生成式 UI、聊天元件、共享狀態與持久化，以及透過 AG-UI 在瀏覽器應用程式、Slack 和 Microsoft Teams 之間進行互動。整合頁也指出 Slack 和 Microsoft Teams 處於搶先體驗階段，而 Discord 和 Google Chat 則是規劃中或即將推出。

有沒有任何明確的限制或注意事項？

來源頁面將 CopilotKit 描述為用於代理與使用者互動的前端堆疊與協定層。它們沒有把它呈現為適用於所有後端或工作流程的完整即用型產品，因此團隊應預期需要將它整合進自己的應用程式與代理堆疊中。

AG-UI 和 MCP 或 A2A 有何不同？

AG-UI 頁面將 AG-UI 定位為使用者面向應用程式與代理式後端之間的互動層，而 MCP 和 A2A 則涵蓋內容與代理協調。CopilotKit 在 AG-UI 之上提供可供正式環境使用的用戶端與平台工具。

Quick Facts

類別: 開發者工具
平台: 網頁、Slack、Microsoft Teams
框架: React、Angular
協定: AG-UI
部署: 免費、自架、VPC、內部部署、雲端