web-design-guidelines(Vercel)

Vercel公式のインターフェース仕様レビュースキル:レビューのたびにGitHubから最新のWeb Interface Guidelinesを取得し、指定したファイルと項目ごとに照合して、file:line形式で問題を列挙します。

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-*)

開く · リポジトリ

Best Skills 每日数据(LinklyAI / @BlueeonY,CC BY 4.0)

最新の AI ニュースを見る