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 対応