[!IMPORTANT] AIコンテキストと知識の継承
- サブシステム: Agent Skills Registry / web-design-guidelines
- アーキテクチャ:
@docs ARCHITECTURE:Documentation- 障害パス: 情報のずれ、レガシー用語、ドキュメントの不一致
- 観測可能性:
execution/parity_guard.pyによるトレーサビリティ（[SKILL]）
Webインターフェースガイドライン
ファイルがWebインターフェースガイドラインに準拠しているかレビューします。
動作の仕組み
- 以下のソースURLから最新のガイドラインを取得
- 指定されたファイル（またはユーザーにファイル/パターンを促す）を読み込む
- 取得したガイドラインのすべてのルールに対してチェックを実行
- 簡潔な
file:line形式で結果を出力
ガイドラインのソース
各レビューの前に最新のガイドラインを取得してください：
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
最新のルールを取得するにはWebFetchを使用してください。取得したコンテンツにはすべてのルールと出力形式の指示が含まれています。
使用方法
ユーザーがファイルまたはパターン引数を指定した場合：
- 上記のソースURLからガイドラインを取得
- 指定されたファイルを読み込む
- 取得したガイドラインのすべてのルールを適用
- ガイドラインで指定されている形式で結果を出力
ファイルが指定されなかった場合は、レビューするファイルをユーザーに尋ねてください。
関連スキル
| スキル | 使用タイミング |
|---|---|
| frontend-design | コーディング前 - デザイン原則（色、タイポグラフィ、UX心理学）を学ぶ |
| web-design-guidelines（これ） | コーディング後 - アクセシビリティ、パフォーマンス、ベストプラクティスを監査する |
デザインワークフロー
1. デザイン → frontend-designの原則を読む
2. コーディング → デザインを実装する
3. 監査 → web-design-guidelinesレビューを実行 ← ここ
4. 修正 → 監査結果に対処する