web-design-guidelines について
web-design-guidelinesは、Web Interface Guidelinesへの準拠を確認する開発者向けレビュー用スキルです。最新のルールを取得し、問題をファイル名と行番号で報告します。
主な機能
- 01最新ガイドラインの取得
- 02指定ファイルのレビュー
- 03ファイル名と行番号で問題を報告
活用シーン
- 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 対応