開源項目
Agent-Native Business Environments
從產生頁面到交付業務:透過可執行的參考實作,展示如何把商品、配送、售後與促銷組織成 Agent 可探索、組合和驗證的環境,並以普通程式碼完成頁面設計。
頁面只是任務的一部分
「為英國消費者製作一個克制風格的新品促銷頁面,配置商品、配送和售後。」 Agent 需要建立和關聯業務物件,同時處理排版、素材構圖與互動。 好看的頁面不能證明商品可以購買;配送政策已經建立,也可能沒有覆蓋目標地區。
如何把既有業務系統轉化為 Agent 可以探索、組合和驗證的執行環境, 讓它在有限的上下文和執行預算內完成這樣的開放式目標? Agent-Native Business Environments 從 Foundax 的產品與工程實踐出發,探討這個問題。 同樣的挑戰也存在於 CRM、ERP、營銷和營運軟件中。
讓業務能力變得容易使用
- 透過領域目錄和分域契約,按需披露實體、關係和約束。
- 透過 SDK 與 CLI,以普通程式碼組合操作;宿主負責引用驗證、版本檢查和最終寫入。
- 將目前的價格、優惠、配送、售後和媒體組合成活動視圖,供頁面直接讀取。
- 使用普通 HTML、CSS 和 JavaScript 保留創作空間,範本同時說明設計意圖與素材選擇。
- 分別提供業務檢查、程式碼檢查和瀏覽器觀察的回饋,各自回答不同的問題。
在本機執行完整流程
下載儲存庫,準備 Node.js 22 或更新版本,在根目錄執行 npm run demo。 無需安裝第三方套件、配置模型金鑰或註冊 Foundax 帳戶。
預設腳本會建立相互關聯的商品、配送、促銷和活動,故意選錯配送政策, 展示業務檢查為何不通過,再修正引用。 瀏覽器頁面透過 SDK 讀取資料;演示下單由宿主計算價格,並扣減模擬庫存。
這是一段確定性的流程演示,沒有呼叫模型。要讓自己的 Coding Agent 動手,請從儲存庫的 TASK.zh-CN.md 開始。 同一套專案檔案、SDK 和 CLI 可以供外部 Agent 使用,並結合其自身的瀏覽器、視覺和 computer use 能力。
儲存庫交付甚麼
可執行的本機宿主、SDK、CLI、合成業務資料、可編輯頁面範本、工程設計和外部 Agent 任務入口。 上下文生命週期與模型編排以設計說明和偽代碼呈現,套件內沒有 Agent Loop。 本機參考實作不包含生產鑑權、租戶隔離、執行沙箱或真實支付。 教學介面不對應 Foundax 的私有程式碼和真實資料模型。
一起討論工程取捨
工程文件深入探討按需披露、業務資料的 SDK 表達、範本重用與創作自由,以及驗證回饋的成本。 歡迎帶着實際業務場景和實驗結果,討論如何將這些方法用於既有軟件。
在 GitHub 閱讀程式碼與執行 Demo。 相關專案:Agent Business Workspace 與 Agent Editable UI。
工程實踐: 由生成網頁到交付業務:設計 Agent 的工作環境。