audit

体系的な品質チェックを実行し、優先度付けされた問題と実行可能な推奨事項を含む包括的な監査レポートを生成します。問題を修正するのではなく、他のコマンドで対応するために文書化します。

まず: デザイン原則とアンチパターンについて frontend-design スキルを使用します。

診断スキャン

複数の観点にわたる包括的なチェックを実行します:

1. アクセシビリティ(A11y) - 以下を確認:

   • コントラスト問題: テキストコントラスト比が 4.5:1 未満(AAA では 7:1)
   • ARIA 不足: 適切なロール、ラベル、状態がないインタラクティブ要素
   • キーボードナビゲーション: フォーカスインジケーター欠落、不適切なタブ順序、キーボードトラップ
   • セマンティック HTML: 見出しの階層が不適切、ランドマーク欠落、ボタンの代わりに div を使用
   • 代替テキスト: 画像の説明が欠落または不適切
   • フォーム問題: ラベルのないインプット、貧弱なエラーメッセージ、必須インジケーター欠落

2. パフォーマンス - 以下を確認:

   • レイアウトスラッシング: ループ内でレイアウトプロパティの読み書き
   • **負荷の高いアニメーショ

...