跳至內容

選擇語言

目前語言: 繁體中文

Audit

/impeccable audit

适用场景

  • 你需要具體的問題和嚴重程度,不僅僅是基於品味的回饋。
  • 你正在準備功能合併或發佈。
  • 你懷疑在行動端、深色主題或輔助使用下有隱藏的問題。
/impeccable audit the checkout flow
src/checkout/**
2.6/ 4
無障礙性2 / 4
效能3 / 4
主題化2.5 / 4
響應式3 / 4
反模式2.8 / 4
P02P15P28P314

五個維度評分 0 到 4,每個發現標記 P0(阻擋發佈)到 P3(打磨)。Audit 記錄問題,不修復。將發現路由到 /impeccable harden、/impeccable polish 或 /impeccable optimize。

何時使用

/impeccable audit 是 /impeccable critique 的技術對應。/impeccable critique 問「這感覺對嗎」,/impeccable audit 問「這撐得住嗎」。它對實作執行無障礙、效能、主題化、響應式設計和反模式檢查,為每個維度評分 0 到 4,並產出一份帶 P0 到 P3 嚴重程度分級的計畫。

在交付前、品質衝刺期間,或任何技術負責人說「我們真的應該看看無障礙性」時使用。

運作方式

技能從五個維度掃描你的程式碼:

  1. 無障礙性:WCAG 對比、ARIA、鍵盤導航、語意 HTML、表單標籤。
  2. 效能:版面配置抖動、高成本動畫、缺少延遲載入、套件體積。
  3. 主題化:硬編碼色彩、深色模式涵蓋、token 一致性。
  4. 響應式:斷點行為、觸控目標、行動版 viewport 處理。
  5. 反模式:與偵測器執行的相同 25 項確定性檢查。

每個維度獲得 0 到 4 的評分。每個發現獲得一個嚴重程度:P0 阻擋發佈、P1 本衝刺應修、P2 下個週期、P3 是打磨。你得到一份可以直接貼入工單追蹤系統的文件。

Audit 不修復任何東西。它只記錄。根據類別將發現路由到 /impeccable polish、/impeccable harden 或 /impeccable optimize。

試試看

/impeccable audit the checkout flow

預期輸出:

Accessibility: 2/4 (partial)
P0: Missing form labels on 4 inputs
P1: Contrast 3.1:1 on disabled button state
P2: No visible focus indicator on custom dropdown
Performance: 3/4 (good)
P1: Hero image not lazy-loaded (340KB)
...

將 P0 交給 /impeccable harden,主題化和字型 P1 交給 /impeccable typeset 和 /impeccable polish,其餘交給 /impeccable polish。

注意事項

  • 與 /impeccable critique 混淆。 Audit 是實作品質。Critique 是設計品質。兩者都執行才能獲得完整全貌。
  • 在 P0 之前修復 P3。 嚴重程度分級的存在是有原因的。從頂部開始。
  • 跳過你認為沒問題的維度。 主題化和響應式是多數人假設沒問題,直到實際有問題的那些。

讓想法化為交付成果。

HagiCode 是面向專案開發的 AI 編碼工作台:以 OpenSpec 工作流程規劃變更,多 Agent 並行執行,再由 Hero Scenario 讓進度一目了然,將想法化為交付成果。

智慧
OpenSpec 工作流程將意圖轉化為從提案到交付的可執行路徑。
高效
多 Agent 並行推進研究、實作與審查。
有趣
豐富、便利的介面互動,讓規劃、Agent 執行與專案工作更容易跟進。