web-design-guidelines について
web-design-guidelinesは、最新のWeb Interface Guidelinesに照らしてファイルを確認するスキルです。インターフェースのレビュー向けで、問題をファイル名と行番号の簡潔な形式で報告します。
主な機能
- 01レビューごとに最新ルールを取得
- 02指定ファイルやパターンを確認
- 03file:line形式で問題を報告
- 04対象未指定時にファイルを確認
活用シーン
- 01最新ガイドラインに沿ったUIコードの確認
- 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 からガイドラインを取得します
- 指定されたファイルを読み込みます
- ガイドラインに含まれるすべてのルールを適用します
- ガイドラインで指定された形式を使用して指摘事項を出力します
ファイルが指定されていない場合は、レビューするファイルをユーザーに尋ねてください。
クレジットと帰属表示
このスキルは、 Vercel の優れた取り組みに基づいています。
元のリポジトリ：https://github.com/vercel-labs/agent-skills
このスキルコレクションの形成に役立った、寛大なオープンソースへの貢献に対し、Vercel に心より感謝します。 このスキルコレクション向けに webconsulting.at が翻案しました
コメント
Markdown 対応