Browse commands

/impeccable audit

Audit

P0からP3までの重大度による5次元の技術品質チェック。

/impeccable audit the checkout flow
src/checkout/**
2.6/ 4
Accessibility2 / 4
Performance3 / 4
Theming2.5 / 4
Responsive3 / 4
Anti-patterns2.8 / 4
P02P15P28P314

5つの次元を0〜4で採点し、各課題にP0(リリースブロッカー)からP3(仕上げ)のタグを付与。Auditは文書化し、修正は行いません。結果を /impeccable harden/impeccable polish/impeccable optimize に流してください。

いつ使うか

/impeccable audit/impeccable critique の技術的対応物です。/impeccable critique が「正しく感じるか」を問うのに対し、/impeccable audit は「耐えられるか」を問います。アクセシビリティ、パフォーマンス、テーマ、レスポンシブデザイン、アンチパターンチェックを実装に対して実行し、各次元を0〜4で採点し、P0〜P3の重大度評価付きの計画を作成します。

出荷前、品質スプリント中、またはテックリードが「アクセシビリティを本当に見るべきだ」と言った時に使ってください。

仕組み

スキルはコードを5つの次元でスキャンします。

  1. アクセシビリティ:WCAGコントラスト、ARIA、キーボードナビゲーション、セマンティックHTML、フォームラベル。
  2. パフォーマンス:レイアウトスラッシング、重いアニメーション、遅延ロードの欠落、バンドル重量。
  3. テーマ:ハードコードされたカラー、ダークモードのカバレッジ、トークンの一貫性。
  4. レスポンシブ:ブレークポイントの動作、タッチターゲット、モバイルビューポートの扱い。
  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を修正すること。 重大度スケールには理由があります。上から始めてください。
  • 問題ないと思っている次元をスキップすること。 テーマとレスポンシブは、ほとんどの人が大丈夫だと思っているのに大丈夫ではないことが最も多い次元です。