關於 AG-UI
What Is AG-UI
AG-UI 是一套協定，不是你要安裝的應用。它的全名是 Agent User Interaction Protocol（代理與使用者互動協定），在後端代理與使用者操作的介面之間定義一套共同語言。兩邊交換訊息、狀態與工具呼叫，不必為每一種組合重寫串接程式碼。
它解決的問題不難說清楚。代理運作時間長、會自己做決定，還會在同一個工作階段裡混用文字、語音與工具呼叫。傳統的 REST 或 GraphQL 端點預設一件事：請求進去、整理好的回應出來。像 Cursor、Devin 這類互動式代理早就跟使用者即時並肩工作，這種做法把舊模型撐破了。
最明顯的限制在範圍。AG-UI 只管代理與介面之間的連結，不涉及代理如何取用工具、彼此之間怎麼對話，所以你還得搭配堆疊裡的其他部分。
Getting Started
- 先看 ag-ui.com 的官方文件，挑一個支援的框架，例如 LangChain、CrewAI，或直接連上一個模型。
- 在前端執行環境把你的代理端點註冊成 HttpAgent，讓用戶端知道輸入送往哪裡、事件從哪裡聽。
- 加入你需要的介面零件，例如串流對話、共享狀態或審核步驟，直接拿官方參考實作當起點。
- 跑一遍 AG-UI Dojo 的示範，看每項功能在真實應用裡的樣子，再把同一批事件接進自己的產品。
產品資訊
快速了解 AG-UI 的定價、支援平台與效能。
適合對象
這項工具最適合的使用者、任務與情境。
使用者
- 前端開發者：你在做對話或代理功能，想用一套連線就打通不同後端，不必為每個框架重寫串接。若你的工作就是打造 AI 代理前端，這點格外有感。你最好熟悉 JavaScript 或 TypeScript。
- 全端與平台團隊：你的代理產品要同時上網頁和手機，需要串流、狀態同步與審核行為在各端一致。等代理已經跑得起來，AG-UI 就適合接手。
- 技術產品經理：你得弄清楚這套協定涵蓋什麼，才能不靠猜測估算整合工作量。
任務
- 把代理回應串進網頁應用：你會拿到逐詞輸出、工具事件，還能取消或續跑，不必自己搭一層事件機制。
- 在代理與介面之間同步狀態：代理可讀寫同一份共享儲存，畫面會立即反映變動，不用重新載入。
- 加入人工審核：你可以暫停一段執行，讓使用者核准、修改或重試某個步驟，之後再繼續而不丟掉脈絡。
情境
- 會起草回覆的客服助理：代理先擬一份草稿，使用者動手修，介面與後端全程保持同步。
- 整合在編輯器或網頁工具裡的程式助手：工具呼叫與中途結果流進編輯器，開發者邊做邊看到進度。
- 多階段的研究或資料代理：長時間執行會回報推理步驟與後端工具輸出，使用者還能中途引導或喊停。
主要功能
即時事件串流（代理串流）
AG-UI 在代理與介面之間保持一條長駐通道，詞元、工具呼叫與狀態一發生就送達。執行過程可取消、可續跑，這在請求要花上幾分鐘而非幾秒時特別要緊。連線走標準 HTTP 與 WebSocket，直接接上你本來就在跑的網頁架構。
共享狀態
協定定義一份帶型別的儲存，代理與應用都能讀寫。變動以差異形式回傳並處理衝突，介面因此能反映代理的進度，不必整頁重載。唯讀與讀寫模式讓你決定雙方各握多少控制權。
生成式介面
代理能回傳由應用渲染的元件，從穩定的型別化小工具，到前端會先驗證再掛載的宣告式樹狀結構。代理能決定使用者看到什麼，例如一張表單或圖表，而不只是送文字。最終顯示什麼，仍由應用拍板。
人工介入控制（human in the loop）
你可以打斷一段執行，暫停、核准、修改、重試或往上呈報某個步驟。狀態會撐過暫停，使用者一回覆，代理就從原處接續。正是這一塊，讓代理在真正有後果的事情上派得上用場。
不綁框架的整合
AG-UI 源自 CopilotKit 與 LangChain、CrewAI 的合作，內建這些框架的整合，另外還有一條直連模型的路。任何送出正確事件流的後端都能接上，管它是用 Python、JavaScript 還是別的語言。AG-UI 與 MCP、A2A 同屬當今代理式協定的一員，決定代理系統怎麼拼在一起，也讓你把介面邏輯寫一次就能對上不同代理。
優缺點
優點
- 開出一條標準連線，前端就能跟多個代理後端對話，不必客製串接。
- 針對代理的真實狀況設計：長時間執行、串流工作，以及文字與工具混雜的輸出。
- 共享狀態、生成式介面、人工審核都有清楚的零件，也能各自單獨使用。
- 官方文件與 AG-UI Dojo 的即時示範，很快就能讓事件模型變得具體。
- 建立在 HTTP 與 WebSocket 上，接得上你既有的網頁基礎設施。
缺點
- 只涵蓋代理與介面這一層，工具與代理之間的協作仍需要 MCP 或 A2A。
- 預設讀者是開發者，沒有不寫程式就能上手的路徑。
- 要採用就得先弄懂事件型別與訊息格式，才推得出第一項功能。
- 與 CopilotKit 的工具組綁得較緊，團隊若不在這個生態裡，現成零件較少。
常見問題
AG-UI 把 AI 代理連到面向使用者的應用這件事標準化。它在後端代理與前端應用之間傳遞串流回應、共享狀態、工具呼叫與審核步驟，開發者因此不必為每個框架自建串接。
相關內容
探索與 AG-UI 相關的工具、技能與文章。
AG-UI 替代方案
Forefront
Forefront · 程式設計Forefront 是一個用來打造開源 AI 的網頁平台。你可以用自己的資料微調主流的開源語言模型、評估它們的表現，再透過 API 執行，或匯出後自行架設。想要封閉式平台的便利、卻堅持要自己擁有模型與資料的開發者，就是這裡的目標客群。
Startkit
StartKit.AI · 程式設計Startkit 是一套用來打造 AI SaaS 與 AI 包裝產品的樣板。可以把它想成一個 AI 新創樣板，把枯燥的部分都先接好了：驗證、Stripe 與 Lemon Squeezy 付款、用量限制、交易型電子郵件，以及一套能與 OpenAI、Anthropic、Groq 或 Llama 溝通的 AI API 啟動套件。你複製儲存庫、設定價格，然後專心在產品中使用者真正願意付費的部分。它建構於 React 與 Tailwind 之上的 Next.js，所以大部分的樣板程式碼對你來說並不陌生。
Testim
Tricentis · 程式設計Testim 是專為網頁、行動與 Salesforce 應用程式打造的 AI 測試自動化平台，用來建立並執行端到端測試。它靠機器學習在介面變動時維持測試穩定，團隊因此少花時間修補壞掉的定位器。對於一款今天就能開始使用的自動化測試工具來說，這表現不算差。你透過在瀏覽器錄製動作來建立測試，需要更多控制時再補上 JavaScript。對忙碌的 QA 團隊來說，這是個可靠的選擇。