Vercel公式のインターフェース仕様レビュースキル:レビューのたびにGitHubから最新のWeb Interface Guidelinesを取得し、指定したファイルと項目ごとに照合して、file:line形式で問題を列挙します。
skills.sh インストール数 792813(+4577 / 24h)
セキュリティ監査:リスクの警告あり
- ネットワークリクエストの送信または外部API / リモートMCPの呼び出しを行う
- 監査範囲:GitHub vercel-labs/agent-skills/skills/web-design-guidelines/SKILL.md(SKILL.mdのテキストのみをスキャン)
理由
- アクセシビリティ、フォーカス状態、フォーム、アニメーション、タイポグラフィ、画像、パフォーマンス、ナビゲーションと状態、タッチ操作、セーフエリア、ダークモード、多言語対応、ハイドレーションの安全性、コピーライティングをカバーするルールに加え、指摘すべきアンチパターンのリストも含まれる
- 出力はファイルごとにグループ化されたfile:line形式の簡潔な結論に統一されており、項目ごとに修正しやすい
- SKILL.md自体は十数行程度で、ルールはすべてリモートファイルにあり、仕様が更新されても再インストールは不要
- skills.shで24時間に4577回インストールされ、累計792813回(注目度を示すのみ)
使い方
- npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines
- エージェントに「review my UI」と伝え、ファイルまたはワイルドカードパスを指定する。ファイルが指定されていない場合は、まずエージェントが確認を尋ねる
- クライアント側にWebFetchなどのネットワーク経由での読み取りツールが必要
リスク
- 監査プロンプトによるネットワークリクエストとその用途は一致している:実行のたびにraw.githubusercontent.comのvercel-labs/web-interface-guidelinesからcommand.mdを取得し、SKILL.mdではその中のルールと出力形式に従うことが規定されているため、レビュー指示がバージョン固定されていないリモートファイルに委ねられることになる
- レビューのみを行い、修正は行わない。一部のルールはReact / Tailwindの記法で表現されている(例:<Link>、focus-visible:ring-*)