AIエージェントスキル人気TOP10｜インストール数で見る定番【2026年7月】

Claude CodeやCursor、Codex CLIといったAIコーディングエージェントを日常的に使う開発者の間で、「エージェントスキル（Agent Skills）」の導入が広がっています。スキルとは、エージェントに手順的な知識（procedural knowledge）を追加する再利用可能な拡張機能のことで、公式ドキュメントによると npx skills add <owner/repo> という1コマンドでインストールが完了し、そのままエージェントから利用できるようになります。

とはいえ公開されているスキルは膨大で、「結局どれを入れれば効果があるのか分からない」というのが多くのユーザーが最初にぶつかる課題です。そこで本記事では、Vercelが運営するスキルディレクトリ「skills.sh」の全期間インストール数データ（2026年7月12日時点の表示値）をもとに、人気TOP10のエージェントスキルを紹介します。実測データに基づく「みんなが実際に入れているスキル」なので、最初の選定基準として参考になると考えられます。

skills.sh のリーダーボードを見る

skills.shとは — インストール数ランキングの信頼性

skills.shは、AIエージェント向けスキルのオープンディレクトリです。公式のAboutページによると、運営はVercelで、ランキングを支えるskills CLI・収集パイプライン・サイト本体はすべてオープンソースとして公開されています（CLIはGitHubの vercel-labs/skills で確認できます）。

ランキングの根拠は、skills CLI経由で収集される匿名のインストールテレメトリです。公式ドキュメントでは「どのスキルがインストールされたかの集計データのみを収集し、個人情報や利用パターンは収集しない」と明記されています。さらに、インストール数の水増しを防ぐための重複除去が1時間ごとに実行されると説明されており、恣意的な「編集部おすすめ」ではなく実測値ベースである点が、一次情報として使いやすい理由です。本記事の数値はいずれも2026年7月12日時点の表示値です。

エージェントスキルの選び方 — 4つの評価軸

ランキングを見る前に、スキル選定の評価軸を整理します。本記事のレビューもこの軸に沿っています。

1. インストール数（実績）: 多くの開発者に選ばれているスキルは、動作報告やナレッジも見つけやすい傾向があります。
2. 提供元の信頼性: Anthropic・Vercel・Microsoftなどの公式提供か、著名な個人開発者かを確認します。
3. 自分の技術スタックとの一致: React系スキルはReact開発者に有効ですが、他のスタックでは効果が限定的です。
4. セキュリティ: 公式サイトによると、掲載スキルにはパートナーによる定期的なセキュリティ監査が実施され、結果は各スキルページで公開されます。ただし「すべてのスキルの品質・安全性は保証できない」とも明言されているため、導入前のSKILL.md確認が推奨されています。

AIエージェントスキル人気TOP10一覧【2026年7月】

skills.shの全期間リーダーボード（2026年7月12日時点の表示値）から、個別に表示されている上位スキル10件をまとめました。なお、本記事ではリーダーボードに個別表示されたスキルを順に採用しています。

TOP10各スキルの詳細レビュー

1位: find-skills — 「スキルを探すスキル」が圧倒的1位

約250万インストールと2位に4倍近い差をつけた定番中の定番です。「〇〇ができるスキルはない？」と自然文で聞くだけで、エージェント自身がレジストリから適切なスキルを検索・提案してくれます。手動実装に着手する前にまずこれで既存スキルを探す、という運用が広がっており、最初に入れる1本として適しています。向かないケースはほぼありませんが、これ自体は作業スキルではないため、これだけ入れても開発は速くなりません。

2位: frontend-design — Anthropic公式のUI品質スキル

Claude Codeの開発元であるAnthropicが公式リポジトリ（anthropics/skills）で提供するスキルで、約65.4万インストール。エージェントが生成しがちな「ありきたりなUI」を避け、フロントエンドの見た目の品質を引き上げる指針をエージェントに与えます。デザイナーが不在の小規模チームや個人開発で特に効果を発揮すると考えられます。一方、確立したデザインシステムが既にある企業プロジェクトでは、自社ガイドラインとの優先関係を明確にする必要があります。

3位: vercel-react-best-practices — React/Next.js開発の定番

Vercel公式が提供するReactベストプラクティス集で、約54.5万インストール。Next.jsを使うWebフロントエンド開発者には導入価値が高い一方、VueやSvelte中心のプロジェクトでは効果が薄い点に注意が必要です。6位のweb-design-guidelines（約45.7万）と併用する構成が人気です。

4位: agent-browser — エージェントにブラウザ操作を追加

約53.6万インストール。エージェントがヘッドレスブラウザでページを開き、要素を操作し、状態を検証できるようになります。E2Eテスト、デプロイ後の動作確認、フォーム動作の検証といったQA用途に向いています。ブラウザを伴うぶん実行環境の要件は増えるため、CI環境で使う場合は事前検証が必要です。

5位: grill-me / 8位: grill-with-docs / 9位: improve-codebase-architecture — Matt Pocock氏のレビュー系スキル群

TypeScript教育者として知られるMatt Pocock氏のリポジトリ（mattpocock/skills）からは3本がTOP10入りしています。grill-me（約52.5万）は名前のとおり実装を「問い詰める」批判的レビュー系、grill-with-docs（約44.1万）はドキュメントを参照しながらのレビュー、improve-codebase-architecture（約43.4万）はコードベース構造の改善を扱います。同氏のリポジトリにはtdd（約41.6万）やhandoff、triageなど圏外常連の人気スキルも多く、まとめて導入するユーザーも見られます。具体的な挙動は各スキルのSKILL.mdで確認してから導入することをおすすめします。

7位: microsoft-foundry — Azure系 / 10位: remotion-best-practices — 動画生成

7位のmicrosoft-foundryはMicrosoft公式のAzure系スキルで、Azure上でAIアプリやインフラを構築するクラウドエンジニア向けです。同社はazure-computeなど多数のAzure系スキルを展開しており、必要に応じてまとめて導入できます（AWS/GCP中心の環境では出番は少なめです）。10位のremotion-best-practicesは、Reactで動画をプログラム生成するRemotionの公式ベストプラクティス集で、動画コンテンツを扱うフロントエンド開発者に適しています。

職種・用途別のおすすめ構成

• フロントエンド開発者（React/Next.js）: frontend-design + vercel-react-best-practices + web-design-guidelines の3点セットが定番です。
• QAエンジニア・テスト自動化担当: agent-browserでブラウザ検証を自動化し、grill-with-docsで仕様書との突き合わせレビューを行う構成が考えられます。
• Azure環境のクラウドエンジニア: microsoft-foundryを起点に、azure-skills系列を必要な範囲で追加する形が効率的です。
• 技術リード・レビュー担当: grill-me + improve-codebase-architecture で、マージ前のセルフレビューを厚くする使い方が挙げられます。
• 迷ったら: まずfind-skillsだけ入れて、必要になった時点でエージェントに探させるのが最も低コストです。

料金と導入コスト — スキル自体はすべて無料

skills.shに掲載されているスキルのインストールは無料で、アカウント登録も不要です。skills CLI自体もオープンソースで公開されています。コストが発生するのは利用する側のAIエージェント（Claude Codeの利用プランやAPI課金など）であり、スキル追加による直接の追加料金はありません。ただし、スキルはエージェントのコンテキストに知識を読み込ませる仕組みのため、トークン消費がわずかに増える点は理解しておく必要があります。

skills.sh で自分のスタックに合うスキルを探す

スキルを実際の開発フローに組み込む方法

Claude Codeでの典型的な組み込み例を紹介します。公式ドキュメントによると、導入は次の1コマンドで完了します。

npx skills add vercel-labs/agent-skills

導入後の実務フローの例は次のとおりです。

1. 実装前: find-skillsに「PDFを生成できるスキルはない？」と聞き、車輪の再発明を避けます。
2. UI実装中: frontend-designとvercel-react-best-practicesが発火し、コンポーネント設計とスタイリングの品質基準をエージェントが自動的に参照します。
3. PR作成前: grill-meで実装への批判的レビューを走らせ、弱点を洗い出してからコミットします。CLAUDE.mdに「マージ前にgrill-meを実行する」と書いておけば、手順として定着させられます。
4. デプロイ後: agent-browserで本番URLを開かせ、主要フローの動作確認を自動化します。

このように「探す→書く→レビューする→検証する」の各段階に人気スキルがそれぞれ対応しており、TOP10がそのまま開発ライフサイクルの型として機能する点が興味深いところです。

惜しい点・注意点 — インストール数は品質保証ではない

中立的な視点から、注意点も整理します。

• インストール数＝品質ではない: 数値は人気の指標であり、自分のプロジェクトで有効かは別の話です。公式も「すべてのスキルの品質・安全性は保証できない。導入前にSKILL.mdの確認を」と明言しています。
• セキュリティは自己責任の領域が残る: 定期監査は実施されていますが、スキルはエージェントへの指示文書であるため、内容を読まずに導入するのはリスクがあります。特に業務コードに触れる環境では導入前レビューを推奨します。
• 日本語情報は少なめ: skills.sh自体のUIおよび主要スキルの説明は英語です。スキルの動作自体は日本語での対話でも機能しますが、SKILL.mdの読解には英語力が必要です。
• ランキングの表示仕様: 同一提供元のスキルが折りたたまれるため、厳密な順位の解釈には注意が必要です。本記事は表示された個別スキルベースで構成しています。
• 向かない人: AIエージェントをまだ使っていない人には導入する対象がありません。まずClaude CodeやCursorなどのエージェント導入が先です。

まとめ — こんな人におすすめ

おすすめできる人: Claude CodeやCursorを日常的に使っており、エージェントの出力品質を上げたい開発者。特にReact/Next.jsのフロントエンド開発者とAzureエンジニアは、公式提供の定番スキルの恩恵が大きいと考えられます。

不向きな人: AIエージェント未導入の人、スキルの中身を確認せずに何でも入れたい人（セキュリティ面で推奨されません）、React/Azure以外のニッチなスタックで即効性を求める人。

まずはfind-skillsを1本入れて、必要なスキルをエージェント自身に探させるところから始めるのが、最も失敗の少ない導入方法です。すべて無料・登録不要なので、試すハードルはほぼありません。

skills.sh で気になったスキルを試してみる