AG-UI：首個代理使用者介面！將AI代理導入前端應用程式（開源）

今年，我們見證了許多 AI 代理協議的湧現，使得代理程式的可用性比以往任何時候都更加容易。從 Anthropic 的模型上下文協議，它充當 AI 應用程式與外部服務（如工具、資料庫和模板）之間的通訊層，到 Google 的 A2A，它使代理程式能夠彼此交談。

現有問題

然而，目前仍然缺乏一種標準化的方法，讓 AI 代理程式直接連接到前端應用程式，進行實際的使用者互動。

AGUI 的介紹

AGUI 的出現正是為了解決這個問題。AGUI 代表「代理使用者互動」（Agent User Interaction），它是一個全新的開放標準協議，旨在填補 AI 代理程式與前端介面之間的鴻溝。

AGUI 的功能

• 輕量級事件驅動協議： AGUI 是一種輕量級的、基於事件的協議，它標準化了 AI 代理程式連接到前端介面的方式。

• 廣泛的相容性： 無論是網頁應用程式、行動應用程式，甚至是您開發的任何類型的 UI，AGUI 都能使代理程式與人類的互動變得無縫、模組化和一致。

• 簡化開發： AGUI 的目標是保持簡單、模組化和實用，讓開發者能夠輕鬆理解、客製化並在自己的專案中重複使用這些組件。

AGUI Dojo：示範遊樂場

為了展示 AGUI 的實際應用，我們推出了 AGUI Dojo，這是一個示範遊樂場，突顯了 AGUI 的核心構建模組，並提供了代理使用者互動的範例。

AGUI Dojo 的特性

• 聚焦特定功能： 每個示範都側重於特定的功能，例如串流更新、聊天介面或甚至是共享狀態。

• 程式碼簡潔： 每個示範都僅用 50 到 200 行程式碼實現，方便開發者理解和修改。

為什麼要使用 AGUI？

AGUI 專為需要即時更新和共享狀態的互動式 AI 工作流程的開發人員而設計。它也最適合人機協作。

AGUI 的優勢

• 簡化的連接： 提供了一個簡單的開放協議，用於將 AI 代理程式連接到前端，並與 Copilot Kit 等工具相容。

• 高效的通訊： 提供高效的通訊模式、串流支援以及聊天狀態更新和使用者代理程式協調的最佳實踐。

• 框架相容性： 您的應用程式可以透過 AGUI 協議連接到各種框架，如 Langraph、AG2、Crew AI、Mastra 等。

AGUI 的價值

AGUI 是強大的 AI 代理程式與即時、面向使用者的應用程式之間缺失的環節，它標準化了它們的互動、協作和同步方式。它可以將分散的、後端繁重的工作流程轉變為協作式的人機迴路體驗，並使用最少的程式碼。

與 Copilot Kit 的整合

AGUI 由 Copilot Kit 開發，Copilot Kit 是一個開源工具，它是一個適用於您應用程式的 AI 副駕駛，您可以使用其開源函式庫建立 Agentic 應用程式。

與各種代理框架相容

AGUI 能夠與各種代理框架相容，例如 Langraph、Mastra（透過 AAI）以及 AG2。

AGUI 實際應用範例

以下是一個 AGUI 實際應用的示範：

• Haiku 產生器： 一個應用程式，可以根據您輸入的任何自然語言提示產生俳句。

更多 AGUI 驅動的應用程式範例

以下是一些使用 AGUI 創建的不同 AI 代理程式驅動的應用程式範例：

• Agentic 聊天： 與您的協同機器人聊天並呼叫前端工具。

• 人機迴路： 共同規劃任務並指導副駕駛執行正確的步驟。

• Agentic 產生式 UI： 將長時間執行的任務分配給您的副駕駛，並觀察其執行情況。

• 基於工具的產生式 UI： 允許您在前端中使用工具。

• 共享狀態： 一個食譜協同機器人，可以協同讀取和更新。

• 預測狀態

• 無聊天示範

• 外部示範： 展示研究工作流程中的協同代理程式。

開始使用 AGUI

您可以透過兩種方式開始使用 AGUI：

1. 使用該協議構建 AI 代理程式。
2. 使用該協議將其連接到前端。

前置需求

• Node.js

• npm 或 yarn

• OpenAI API 金鑰

安裝步驟

1. 設定您的 API 金鑰。
2. 複製儲存庫。
3. 進入 ag-i 目錄。
4. 輸入 cd dojo 進入遊樂場。
5. 執行 npm install 安裝所有必要的依賴項。
6. 執行應用程式後，您可以透過 localhost 存取它。

總結

AGUI 是一個標準化的協議，用於以最少的努力構建即時、事件驅動的代理程式介面。它可以實現 AI 代理程式與不同現代前端之間的無縫整合。