什么是AXI深入lavish-axi的Agent人機工程與Token效率設計【免費下載鏈接】lavish-axiHTML is the new markdown. Lavish is the new editor for your HTML artifacts.項目地址: https://gitcode.com/gh_mirrors/la/lavish-axilavish-axi 是一款面向 AI 智能體Agent的AXI 工具它讓 Agent 把 HTML 產(chǎn)物打開到本地瀏覽器中人可以直接圈選元素、批注文字、編輯圖表并把反饋通過一條長輪詢long polling接口精準送回給 Agent。它的核心設計只回答兩個問題如何讓 Agent 用最少的心力操作它人機工程以及如何讓 Agent 花最少的 Token 用它Token 效率。什么是 AXI一條Agent 直接能跑的 CLIAXI可以理解為 Agent eXperiences 的接口約定一個足夠強的 Agent無需任何安裝和配置僅憑一條命令行就能把它跑起來并讀懂輸出。lavish-axi 完全符合這一定義零安裝可用npx -y lavish-axi html-file即可運行CLI 按需自取CLI 即接口它不附帶 MCP Server也不依賴市場安裝CLI 本身就是 Agent 界面見 AGENTS.md 中的 AXI integration 章節(jié)按需披露contextual disclosure技能文件只是一個極短的路標真正的操作指南由lavish-axi design、lavish-axi playbook id等命令在需要時才給出。技能樁文件 skills/lavish/SKILL.md 只有幾十字節(jié)級的篇幅明確寫著當前指引在 CLI 里別信舊拷貝——這是理解 lavish-axi Token 哲學的第一把鑰匙。Agent 人機工程三條Agent 友好設計1. 文件路徑即會話身份拒絕不透明 ID傳統(tǒng)方案里Agent 往往要記住一串session_id。lavish-axi 直接以規(guī)范化的 HTML 文件路徑作為會話鍵sha256前綴保存在~/.lavish-axi/state.json中。對 Agent 來說打開哪個文件就等于哪個會話沒有任何需要記憶或轉述的不透明標識。實現(xiàn)位于 src/session-store.js 的sessionKey。2. 長輪詢等待而不是反復查詢Agent 打開頁面后執(zhí)行l(wèi)avish-axi poll file.html然后掛起等待直到用戶點了Send to Agent才返回反饋。對比每 5 秒查一次有沒有新消息的輪詢方案維度反復短輪詢lavish-axi 長輪詢無反饋時的請求次數(shù)N 次0 次Token 消耗每次響應都計費等待期零消耗響應延遲最多一個輪詢周期用戶點發(fā)送即刻送達等待期間它還有一套防誤判設計無超時的 poll 會向 stderr 打印一次性橫幅證明沒掛死而 stdout永遠只留給最終結果只有交互終端才會輸出周期性等待心跳管道環(huán)境Agent 框架則完全安靜——避免把 tick 噪音混入 Agent 的抓取內(nèi)容見 src/cli.js。3. 被動檢測永不驚擾 Agent布局審計發(fā)現(xiàn)溢出、遮擋等問題時只會放進瀏覽器的Layout issues收件箱絕不觸發(fā)poll返回、不喚醒 Agent。只有人主動Queue selected fixes問題才作為一條普通反饋進入隊列。這一檢測永遠被動的原則寫在 VISION.md 的Nothing interrupts the human一節(jié)是人機協(xié)作不被機器打斷的底線。Token 效率設計每個 Token 都花在刀刃上VISION.md 開宗明義Every token is spent on purpose每個 Token 都花得有目的。具體落到了四處1. TOON 緊湊輸出CLI 輸出采用 TOON 這種比 JSON 更緊湊的結構化格式同樣的信息量字符數(shù)更少解析更省。2.--version的熱路徑快速通道Agent 框架通常在會話啟動時探測每個工具版本。lavish-axi --version在進入任何初始化邏輯之前就短路返回版本號不做狀態(tài)目錄創(chuàng)建、不發(fā)遙測請求——一個看似不起眼的優(yōu)化省掉了每次會話啟動約一秒的固定開銷守衛(wèi)測試見 test/cli-version.test.js。3. 單一事實源杜絕重復話術設計優(yōu)先級規(guī)則DESIGN_PRIORITY_RULE全文只在 src/design-reference.js 定義一次design命令幫助與運行時輸出全部引用它從不復述。技能樁不復述 CLI 指引playbook 列表如diagram、table、comparison等 8 種見 src/playbooks.js只在匹配時才讓 Agent 打開對應篇目。每個表面都要為自己的 Token 成本在每次運行中掙回票價。4. 反饋字段順序即契約poll返回的反饋對象中prompts用戶原話與next_step繼續(xù)評審循環(huán)的指令永遠排在體積無上限的dom_snapshot之前——這樣即使 Agent 截斷或過濾響應也永遠不會丟掉用戶的話和流程指令。測試 test/cli-output.test.js 專門鎖死了這個字段順序。人機工程讓人指一下就能被精確理解Token 省給 Agent體驗就還給人類。Lavish Editor 的瀏覽器界面左側產(chǎn)物、右側對話面板把指出問題的成本降到最低精確批注點選元素、劃選文字甚至表格單元格反饋都會附帶 CSS 定位、行列名與引文Agent 收到的是哪一行哪一列而不是大概上面那個白板編輯當產(chǎn)物中包含 Mermaid 圖表且你要求可編輯白板時圖表會渲染成 Excalidraw 白板點一下解鎖編輯全屏后可以直接在上面畫改編輯結果以有邊界的修改摘要 本地場景/PNG 路徑排隊發(fā)給 Agent由 Agent 回寫到 Mermaid 源碼——源碼始終是權威導出文件與瀏覽器里看到的完全一致。圖表主題自適應Mermaid 圖表按頁面實際背景自動選擇深淺渲染切換主題無需重新生成會話存在感知面板實時顯示 Agent 是否在監(jiān)聽Agent 沒在聽時反饋會排隊保留不會丟失。移動端860px則折疊為底部對話抽屜手機上也能完成一輪評審?？焖偕鲜忠粭l命令安裝 Lavish 技能npx skills add kunchenguid/lavish-axi --skill lavish這就是全部的安裝步驟無需 npm install。之后直接對 Agent 說/lavish 幫我把我們的方案畫成一個頁面討論一下或者零安裝直接說用npx -y lavish-axi把我們討論的內(nèi)容寫成一份技術方案。 完整命令與參數(shù)參考見 README.md 的 CLI Reference 與 CONTRIBUTING.md源碼構建方式則是git clone https://gitcode.com/gh_mirrors/la/lavish-axi cd lavish-axi pnpm install --frozen-lockfile pnpm run build總結小而準的人機協(xié)作中間件lavish-axi 的定位克制得近乎苛刻——只服務一個人 一個 Agent 一個本地 HTML 文件的評審循環(huán)見 VISION.md 的 Scope 章節(jié)。但正是這種克制讓它把人機協(xié)作中最貴的兩樣東西——人的注意力和Agent 的 Token——都壓到了最低Agent 側文件路徑做身份、長輪詢零空轉、TOON 緊湊輸出、指引按需披露人類側圈選即批注、圖表即白板、檢測被動不吵、手機端完整可用。如果你正為Agent 輸出越來越像一份長文卻越來越難被指點和修改所困擾那么 lavish-axi 給出的答案是讓頁面本身成為對話的載體讓每一次指一下都能被精確送達?！久赓M下載鏈接】lavish-axiHTML is the new markdown. Lavish is the new editor for your HTML artifacts.項目地址: https://gitcode.com/gh_mirrors/la/lavish-axi創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考 什么是AXI：深入lavish-axi的Agent人機工程與Token效率設計
什么是AXI深入lavish-axi的Agent人機工程與Token效率設計【免費下載鏈接】lavish-axiHTML is the new markdown. Lavish is the new editor for your HTML artifacts.項目地址: https://gitcode.com/gh_mirrors/la/lavish-axilavish-axi 是一款面向 AI 智能體Agent的AXI 工具它讓 Agent 把 HTML 產(chǎn)物打開到本地瀏覽器中人可以直接圈選元素、批注文字、編輯圖表并把反饋通過一條長輪詢long polling接口精準送回給 Agent。它的核心設計只回答兩個問題如何讓 Agent 用最少的心力操作它人機工程以及如何讓 Agent 花最少的 Token 用它Token 效率。什么是 AXI一條Agent 直接能跑的 CLIAXI可以理解為 Agent eXperiences 的接口約定一個足夠強的 Agent無需任何安裝和配置僅憑一條命令行就能把它跑起來并讀懂輸出。lavish-axi 完全符合這一定義零安裝可用npx -y lavish-axi html-file即可運行CLI 按需自取CLI 即接口它不附帶 MCP Server也不依賴市場安裝CLI 本身就是 Agent 界面見 AGENTS.md 中的 AXI integration 章節(jié)按需披露contextual disclosure技能文件只是一個極短的路標真正的操作指南由lavish-axi design、lavish-axi playbook id等命令在需要時才給出。技能樁文件 skills/lavish/SKILL.md 只有幾十字節(jié)級的篇幅明確寫著當前指引在 CLI 里別信舊拷貝——這是理解 lavish-axi Token 哲學的第一把鑰匙。Agent 人機工程三條Agent 友好設計1. 文件路徑即會話身份拒絕不透明 ID傳統(tǒng)方案里Agent 往往要記住一串session_id。lavish-axi 直接以規(guī)范化的 HTML 文件路徑作為會話鍵sha256前綴保存在~/.lavish-axi/state.json中。對 Agent 來說打開哪個文件就等于哪個會話沒有任何需要記憶或轉述的不透明標識。實現(xiàn)位于 src/session-store.js 的sessionKey。2. 長輪詢等待而不是反復查詢Agent 打開頁面后執(zhí)行l(wèi)avish-axi poll file.html然后掛起等待直到用戶點了Send to Agent才返回反饋。對比每 5 秒查一次有沒有新消息的輪詢方案維度反復短輪詢lavish-axi 長輪詢無反饋時的請求次數(shù)N 次0 次Token 消耗每次響應都計費等待期零消耗響應延遲最多一個輪詢周期用戶點發(fā)送即刻送達等待期間它還有一套防誤判設計無超時的 poll 會向 stderr 打印一次性橫幅證明沒掛死而 stdout永遠只留給最終結果只有交互終端才會輸出周期性等待心跳管道環(huán)境Agent 框架則完全安靜——避免把 tick 噪音混入 Agent 的抓取內(nèi)容見 src/cli.js。3. 被動檢測永不驚擾 Agent布局審計發(fā)現(xiàn)溢出、遮擋等問題時只會放進瀏覽器的Layout issues收件箱絕不觸發(fā)poll返回、不喚醒 Agent。只有人主動Queue selected fixes問題才作為一條普通反饋進入隊列。這一檢測永遠被動的原則寫在 VISION.md 的Nothing interrupts the human一節(jié)是人機協(xié)作不被機器打斷的底線。Token 效率設計每個 Token 都花在刀刃上VISION.md 開宗明義Every token is spent on purpose每個 Token 都花得有目的。具體落到了四處1. TOON 緊湊輸出CLI 輸出采用 TOON 這種比 JSON 更緊湊的結構化格式同樣的信息量字符數(shù)更少解析更省。2.--version的熱路徑快速通道Agent 框架通常在會話啟動時探測每個工具版本。lavish-axi --version在進入任何初始化邏輯之前就短路返回版本號不做狀態(tài)目錄創(chuàng)建、不發(fā)遙測請求——一個看似不起眼的優(yōu)化省掉了每次會話啟動約一秒的固定開銷守衛(wèi)測試見 test/cli-version.test.js。3. 單一事實源杜絕重復話術設計優(yōu)先級規(guī)則DESIGN_PRIORITY_RULE全文只在 src/design-reference.js 定義一次design命令幫助與運行時輸出全部引用它從不復述。技能樁不復述 CLI 指引playbook 列表如diagram、table、comparison等 8 種見 src/playbooks.js只在匹配時才讓 Agent 打開對應篇目。每個表面都要為自己的 Token 成本在每次運行中掙回票價。4. 反饋字段順序即契約poll返回的反饋對象中prompts用戶原話與next_step繼續(xù)評審循環(huán)的指令永遠排在體積無上限的dom_snapshot之前——這樣即使 Agent 截斷或過濾響應也永遠不會丟掉用戶的話和流程指令。測試 test/cli-output.test.js 專門鎖死了這個字段順序。人機工程讓人指一下就能被精確理解Token 省給 Agent體驗就還給人類。Lavish Editor 的瀏覽器界面左側產(chǎn)物、右側對話面板把指出問題的成本降到最低精確批注點選元素、劃選文字甚至表格單元格反饋都會附帶 CSS 定位、行列名與引文Agent 收到的是哪一行哪一列而不是大概上面那個白板編輯當產(chǎn)物中包含 Mermaid 圖表且你要求可編輯白板時圖表會渲染成 Excalidraw 白板點一下解鎖編輯全屏后可以直接在上面畫改編輯結果以有邊界的修改摘要 本地場景/PNG 路徑排隊發(fā)給 Agent由 Agent 回寫到 Mermaid 源碼——源碼始終是權威導出文件與瀏覽器里看到的完全一致。圖表主題自適應Mermaid 圖表按頁面實際背景自動選擇深淺渲染切換主題無需重新生成會話存在感知面板實時顯示 Agent 是否在監(jiān)聽Agent 沒在聽時反饋會排隊保留不會丟失。移動端860px則折疊為底部對話抽屜手機上也能完成一輪評審?？焖偕鲜忠粭l命令安裝 Lavish 技能npx skills add kunchenguid/lavish-axi --skill lavish這就是全部的安裝步驟無需 npm install。之后直接對 Agent 說/lavish 幫我把我們的方案畫成一個頁面討論一下或者零安裝直接說用npx -y lavish-axi把我們討論的內(nèi)容寫成一份技術方案。 完整命令與參數(shù)參考見 README.md 的 CLI Reference 與 CONTRIBUTING.md源碼構建方式則是git clone https://gitcode.com/gh_mirrors/la/lavish-axi cd lavish-axi pnpm install --frozen-lockfile pnpm run build總結小而準的人機協(xié)作中間件lavish-axi 的定位克制得近乎苛刻——只服務一個人 一個 Agent 一個本地 HTML 文件的評審循環(huán)見 VISION.md 的 Scope 章節(jié)。但正是這種克制讓它把人機協(xié)作中最貴的兩樣東西——人的注意力和Agent 的 Token——都壓到了最低Agent 側文件路徑做身份、長輪詢零空轉、TOON 緊湊輸出、指引按需披露人類側圈選即批注、圖表即白板、檢測被動不吵、手機端完整可用。如果你正為Agent 輸出越來越像一份長文卻越來越難被指點和修改所困擾那么 lavish-axi 給出的答案是讓頁面本身成為對話的載體讓每一次指一下都能被精確送達?！久赓M下載鏈接】lavish-axiHTML is the new markdown. Lavish is the new editor for your HTML artifacts.項目地址: https://gitcode.com/gh_mirrors/la/lavish-axi創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考