Web Interface Guidelines
選択的読み取りルール
まずは以下から開始してください：
references/senior-master-standard.mdreferences/usage-routing.mdreferences/quality-checklist.md
その後、ユーザーの実際のタスクに合致する継承されたドキュメント、スクリプト、アセット、または例のみを読み込んでください。
ファイルがWeb Interface Guidelinesに準拠しているかレビューしてください。
動作の仕組み
- 以下のソースURLから最新のガイドラインを取得する
- 指定されたファイルを読み込む（またはユーザーにファイル・パターンを促す）
- 取得したガイドラインのすべてのルールに対してチェックする
- 簡潔な
file:line形式で結果を出力する
ガイドラインのソース
各レビュー前に、新しいガイドラインを取得してください：
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
WebFetchを使用して最新のルールを取得します。取得したコンテンツにはすべてのルールと出力フォーマットの指示が含まれています。
使い方
ユーザーがファイルまたはパターン引数を指定した場合：
- 上記のソースURLからガイドラインを取得する
- 指定されたファイルを読み込む
- 取得したガイドラインのすべてのルールを適用する
- ガイドラインで指定されたフォーマットを使用して結果を出力する
ファイルが指定されなかった場合は、レビューするファイルをユーザーに尋ねてください。
関連スキル
| スキル | 使用タイミング |
|---|---|
| frontend-design | コーディング前 - デザイン原則（色、タイポグラフィ、UX心理学）を学ぶ |
| web-design-guidelines（本スキル） | コーディング後 - アクセシビリティ、パフォーマンス、ベストプラクティスを監査する |
デザインワークフロー
1. 設計 → フロントエンドデザイン原則を読む
2. コーディング → 設計を実装する
3. 監査 → Webデザインガイドラインレビューを実行する ← 現在地
4. 修正 → 監査結果に対処する