/impeccable audit
Audit
五維度技術品質檢查,附 P0 到 P3 嚴重程度分級。
/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 嚴重程度分級的計畫。
在交付前、品質衝刺期間,或任何技術負責人說「我們真的應該看看無障礙性」時使用。
運作方式
技能從五個維度掃描你的程式碼:
- 無障礙性:WCAG 對比、ARIA、鍵盤導航、語意 HTML、表單標籤。
- 效能:版面配置抖動、高成本動畫、缺少延遲載入、套件體積。
- 主題化:硬編碼色彩、深色模式涵蓋、token 一致性。
- 響應式:斷點行為、觸控目標、行動版 viewport 處理。
- 反模式:與偵測器執行的相同 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。 嚴重程度分級的存在是有原因的。從頂部開始。
- 跳過你認為沒問題的維度。 主題化和響應式是多數人假設沒問題,直到實際有問題的那些。