diegosouzapw/awesome-omni-skill

Webインターフェースガイドライン

ファイルがWebインターフェースガイドラインに準拠しているかレビューします。

動作の仕組み

1. 下記のソースURLから最新のガイドラインを取得
2. 指定されたファイルを読み込む（ファイルやパターンがない場合はユーザーに問い合わせ）
3. 取得したガイドラインのすべてのルールに照らしてチェック
4. file:line 形式で簡潔に結果を出力

ガイドラインソース

レビュー前に毎回最新のガイドラインを取得します：

https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md

WebFetchを使用して最新のルールを取得します。取得した内容にはすべてのルールと出力形式の指示が含まれています。

使用方法

ユーザーがファイルまたはパターン引数を指定した場合：

1. 上記のソースURLからガイドラインを取得
2. 指定されたファイルを読み込む
3. 取得したガイドラインのすべてのルールを適用
4. ガイドラインで指定された形式で結果を出力

ファイルが指定されていない場合は、レビューするファイルをユーザーに尋ねます。

---

関連スキル

スキル	使用タイミング
frontend-design	コーディング前 - デザイン原則（色、タイポグラフィ、UX心理学）を学ぶ
web-design-guidelines（これ）	コーディング後 - アクセシビリティ、パフォーマンス、ベストプラクティスを監査

デザインワークフロー

1. 設計     → frontend-designの原則を読む
2. 実装     → デザインをコード化
3. 監査     → web-design-guidelinesでレビューを実行 ← あなたはここ
4. 修正     → 監査結果に対応