mcpField
W
web-design-guidelines

web-design-guidelines

github.com/pedronauckデザイン・UI647141 回インストール2 週間前に更新
リポジトリ

web-design-guidelines について

web-design-guidelines は、最新の Web Interface Guidelines に沿ってファイルを確認するスキルです。Web インターフェースのレビュー向けで、指摘をファイル名と行番号で簡潔に示します。

主な機能

  1. 01最新のレビュー規則を取得
  2. 02指定ファイルを規則に照らして確認
  3. 03file:line 形式で指摘を報告
  4. 04対象未指定時にファイルを確認

活用シーン

  1. 01指定したインターフェースファイルのレビュー
  2. 02パターンに一致する複数ファイルの確認

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/pedronauck/skills --skill web-design-guidelines

インストール後、Claude Code で/web-design-guidelinesを入力して読み込まれたか確認します。

詳細

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. ガイドラインで指定された形式を使って指摘事項を出力します

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

コメント

Markdown 対応