阿川私房教材:
學 JavaScript 前端,帶作品集去面試!

63 個專案實戰,寫出作品集,讓面試官眼前一亮!

立即開始免費試讀!

我很高興地宣布AG-UI ,即代理-用戶互動協議,它是連接 AI 代理和現實世界應用程式的簡化橋樑。

此全新協議由CopilotKit提供

ag-ui1

{% cta https://go.copilotkit.ai/ag-ui-github %}查看 AG-UI 的 GitHub ⭐️ {% endcta %}

什麼是AG-UI?

AG-UI 是一種開放的輕量級協議,可透過標準 HTTP 或可選二進位通道傳輸單一 JSON 事件序列。這些事件(訊息、工具呼叫、狀態補丁、生命週期訊號)在您的代理後端和前端介面之間無縫流動,保持完美的即時同步。

使用我們的 TypeScript 或 Python SDK 和任何代理後端(OpenAI、Ollama、LangGraph 或自訂程式碼)在幾分鐘內開始使用。請造訪docs.ag-ui.com以取得規格、快速入門指南和互動式遊樂場。

ag-ui2

代理-用戶交互

現今的AI代理生態系統正日趨成熟。代理商正在從有趣的病毒演示轉向實際生產使用,其中包括一些世界上最大的企業。

然而,生態系統主要集中於後端自動化,也就是在有限的使用者互動下獨立運作的流程。啟動或自動發生的工作流程,其輸出隨後被使用。

常見的用例包括資料遷移、研究和總結、表格填寫等。

可重複且簡單的工作流程,可以確保準確性,或 80% 的準確率就足夠了。

這些已經大大促進了生產力的發展。自動執行耗時且繁瑣的任務。

代理商與用戶見面的地方

ag-ui3

編碼工具(Devin 與 Cursor)

在生成式人工智慧的整個應用過程中,編碼工具一直是煤礦中的罐頭廠,而 Cursor 是用戶互動代理的最佳範例。在共享工作區中與使用者一起工作的 AI 代理程式。

這與 Devin 形成了鮮明對比,後者承諾打造一個完全自主的代理,實現高級工作的自動化。

對於許多最重要的用例來說,如果代理可以與用戶一起工作,那麼它們會很有幫助。這意味著使用者可以看到代理正在做什麼,可以在同一個輸出上進行協作,並在共享工作區中輕鬆地一起迭代。

建構使用者互動代理的挑戰

創造這些協作體驗面臨重大的技術挑戰:

  • 即時串流: LLM 逐步產生令牌; UI 需要立即獲得它們,而不會阻礙完整回應。

  • 工具編排:現代代理程式呼叫函數、執行程式碼、存取 API。使用者介面必須顯示進度和結果,有時需要人工批准,然後恢復執行——所有這些都不能丟失上下文。

  • 共享可變狀態:代理通常會產生逐步發展的計劃、表格或程式碼資料夾。每次傳送整個 blob 都會浪費頻寬;發送差異需要清晰的模式。

  • 並發和取消:使用者可能會發起多個查詢、中途停止一個查詢或切換執行緒。後端和前端需要執行緒ID、執行ID和有序關閉路徑。

  • 安全邊界:透過 WebSockets 傳輸任意資料很容易,直到您需要企業簽署的 CORS、身分驗證令牌和稽核日誌。

  • 框架蔓延: LangChain、CrewAI、Mastra、AG2、自製腳本——都使用略有不同的方言。如果沒有標準,每個 UI 都必須重新設計適配器和邊緣情況處理。

AG-UI解決方案

圖表

AG-UI 透過簡單但強大的方法解決了這些挑戰:

您的用戶端向代理端點發出單一 POST,然後監聽統一的事件流。每個事件都有一個類型(例如, TEXT_MESSAGE_CONTENTTOOL_CALL_STARTSTATE_DELTA )和最小有效載荷。代理程式在事件發生時發出事件,並且 UI 做出適當的回應 - 顯示部分文字、在工具完成時呈現視覺化效果或在狀態變更時更新介面。

AG-UI 基於標準 HTTP 建置,可與現有基礎設施順利集成,同時為效能關鍵型應用程式提供可選的二進位序列化器。

這項技術能夠實現什麼

鳴叫

請按讚並關注

AG-UI 在代理程式和介面之間建立一致的契約,消除自訂的 WebSocket 格式和文字解析駭客。透過這個統一的協議:

  • 元件變成可互換:將 CopilotKit 的 React 元件與任何 AG-UI 來源一起使用

  • 後端靈活性:無需更改 UI 即可在雲端和本機模型之間切換

  • 多代理協調:透過單一介面協調專門的代理

  • 增強開發:透過更豐富的體驗和零供應商鎖定來更快地建置

AG-UI不僅僅是一個技術規範——它是下一代 AI 增強應用程式的基礎,人類和代理商可以在其中無縫協作。

請查看入門文件,我期待您嘗試一下。

請回覆 5 月 16 日的 2 場活動邀請

在 Twitter 上關注 CopilotKit 並打招呼,如果您想建立一些很酷的東西,請加入我們的 Discord。


原文出處:https://dev.to/copilotkit/introducing-ag-ui-the-protocol-where-agents-meet-users-10gp


共有 0 則留言


精選技術文章翻譯,幫助開發者持續吸收新知。

阿川私房教材:
學 JavaScript 前端,帶作品集去面試!

63 個專案實戰,寫出作品集,讓面試官眼前一亮!

立即開始免費試讀!