Communitygithub.com

MethodicDev/candor-agent-ui

設計 AI 代理操作介面的基礎原則——涵蓋與 AI 代理的對話、工具呼叫、核准與權限提示、計畫、執行、差異比對、稽核日誌及相關頁面。適用於建置或審查任何代理 UI、核准流程或工具呼叫顯示,不限框架與設計系統,Candor UI 並非必要。涵蓋九條誠實規則與範例、核准人因工程、狀態詞彙與工具呼叫狀態、何時摺疊轉折、代理工作期間及人員離開後完成時應顯示什麼、爆炸半徑與復原、AI 揭露、無障礙設計,以及每個畫面完成後的審查檢查表。

candor-agent-ui 是什麼?

此技能定義了設計 AI 代理操作介面的核心規則與最佳實務,無論使用何種框架或設計系統皆適用。它基於「九條誠實規則」來確保介面透明且可信,包括將模型輸出視為純文字而非標記、不預先選取決策選項、清楚標示未知資訊、以及僅根據已測量數據顯示進度。技能涵蓋核准流程、工具呼叫狀態詞彙、進度顯示、AI 揭露與無障礙設計等主題,並提供詳細的參考文件與審查檢查表。適用於任何需要顯示 AI 代理讀取、建議或執行真實世界變更的應用場景,特別是在建置或審查代理 UI 時,能確保決策有據、復原路徑明確,並符合誠實與透明原則。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/MethodicDev/candor/tree/HEAD/skills/candor-agent-ui

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

Agent UI

AI 代理讀取、建議或變更真實事物的畫面只有一個任務:讓人看到代理做了什麼、決定它下一步能做什麼,並信任這兩者。這些是達成該目標的規則與檢查,適用於任何框架與任何設計系統。若專案使用 Candor UI,則 candor-ui 技能會為每個任務命名對應的元件;本技能則說明無論畫面如何繪製,都必須做到什麼。

如何運作

在畫面之前,回答三個問題,並在建置過程中持續牢記答案:

  1. 代理在這裡可以做什麼:僅讀取、建議讓人員套用,還是自行執行?所有控制項都由此決定。
  2. 人員需要決定什麼,並且依據什麼證據?決策需要事物本身(差異對比、目標、數量),而非其描述。如果這裡需要核准任何事項,請閱讀 references/approvals.md。
  3. 什麼是無法復原的?那些動作必須明確標示、需要更嚴格的確認,並且絕不能放在預設按鈕或單一按鍵下。

在建置過程中,謹記以下九條規則,使用 references/status-and-states.md 中的狀態詞彙,並依照 references/progress.md 所述的方式顯示進度。模型文字視為資料:顯示它,絕不執行或渲染它。

每個畫面完成後,對照 references/review-checklist.md 逐一檢查執行中的畫面,每項檢查一行,修正失敗項目後再繼續。僅勾選你實際檢查過的項目,而非你意圖檢查的。

九條規則

每條規則在 references/honesty-rules.md 中都有範例說明。

  1. 模型輸出是文字,絕非標記。 將模型寫的內容顯示為文字(最多是安全的 Markdown 子集)。它寫的 URL 是文字,不是連結。它寫的任何內容都不會進入 innerHTML。
  2. 未知就是未知。 未經測量的持續時間、成本或數量,留空或顯示「未測量」。估計值則需標明「估計」及其依據。來自某次執行的靜默不是「正在執行」。
  3. 無法使用的控制項須說明原因。 鎖定控制項並附上鍵盤與螢幕閱讀器使用者能觸及的原因;不要只使用 disable 屬性而讓使用者困惑。
  4. 決策中不預先選取任何項目。 核准與拒絕、保留與捨棄,兩者皆從未選取開始。Enter 鍵絕不會觸發核准。代理的建議應標示而非選取。
  5. 核准的是確切變更。 決策必須綁定人員所看到的變更(一個雜湊值或版本)。如果變更內容變動,需重新詢問。若政策規定,則拒絕自我核准;生產環境可能需要第二個人員。
  6. 推理是可信的,而非已驗證的。 模型對原因的說明僅為主張。請將其標示為主張,並與證據(來源、測試結果、差異對比)分開。
  7. 應用程式為代理命名。 每則代理訊息都帶有來自應用程式自身資料的名稱。系統行的文字是應用程式的字串。模型寫的任何內容都不會成為名稱或系統訊息。
  8. 說明哪些可以復原,哪些不能。 在破壞性動作之前:它會移除什麼、是否能恢復、如何恢復以及多久內可恢復。在復原或還原之後:它還未復原什麼。
  9. 動畫跟隨結果。 動畫報告已發生的變更;它絕不預測或裝飾變更。成功標記在結果穩定後才繪製,進度條僅填滿已測量的部分,畫面繪製時已經是最終狀態的項目不應有動畫,並且作業系統的減少動畫設定優先。為每個動畫賦予一種變更類型(Candor 定義了十四個動畫家族,詳列於 references/honesty-rules.md),並讓主題能改變其外觀,但絕不改變播放時機。

根據什麼閱讀什麼

當畫面包含…請閱讀
任何需要人員核准、允許或拒絕的事項references/approvals.md
執行、工具呼叫、步驟、狀態、圓點references/status-and-states.md
代理工作超過片刻,或人員離開後才完成references/progress.md
與人對話的 AI,或 AI 製作的內容references/disclosure-and-accessibility.md
任何事項,在繼續之前references/review-checklist.md

用詞

平實且有根據。說明發生什麼事、對誰發生、以及下一步該做什麼。採用句子大小寫,無驚嘆號、無最高級形容詞、無數據不支持的主張。狀態是帶有顏色的詞彙,絕非僅用顏色。數字僅在已測量時使用;否則使用「估計」或「未測量」等詞語。

相關技能