web-design-guidelines について
Web Interface Guidelines は、ファイルが Web インターフェースガイドラインに準拠しているかをレビューする エージェントスキル です。レビューの前に リモートソース から最新のルールを取得し、file:line 形式で結果を出力します。界面の品質チェックを統一したいチームに適しています。
主な機能
- 01リモートソースから最新ルールを取得
- 02ユーザーが指定したファイルやパターンを対象にチェック
- 03file:line 形式での結果出力
- 04ファイル未指定時の対象確認
活用シーン
- 01ページやコンポーネントのインターフェースガイドラインへの準拠確認
- 02コードレビューでのインターフェース上の問題の特定
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/web-design-guidelinesを入力して読み込まれたか確認します。
詳細
Web インターフェースのガイドライン
Web インターフェースのガイドラインに準拠しているか、ファイルを確認します。
仕組み
- 以下のソース URL から最新のガイドラインを取得します
- 指定されたファイルを読み込みます（または、ファイルやパターンをユーザーに尋ねます）
- 取得したガイドラインのすべてのルールに照らして確認します
- 簡潔な
file:line形式で検出事項を出力します
ガイドラインのソース
レビューのたびに、最新のガイドラインを取得してください。
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
WebFetch を使用して最新のルールを取得してください。取得したコンテンツには、すべてのルールと出力形式の指示が含まれています。
使用方法
ユーザーがファイルまたはパターンの引数を指定した場合：
- 上記のソース URL からガイドラインを取得します
- 指定されたファイルを読み込みます
- すべてのルールを適用します
- ガイドラインに記載された形式で検出事項を出力します
ファイルが指定されていない場合は、確認するファイルをユーザーに尋ねてください。
コメント
Markdown 対応