find-skills について
find-skills は、オープンなエージェントスキルのエコシステムからスキルを探して導入するためのスキルです。特定分野の機能を拡張したいユーザー向けです。Skills CLI を使って検索し、インストール数や提供元の信頼性を確認する手順を示します。
主な機能
- 01キーワードによるスキル検索
- 02インストール数と提供元の確認
- 03npx skills によるスキルの導入
- 04該当なしの場合の代替対応
活用シーン
- 01React やテスト関連のスキルの検索
- 02PR レビューや変更履歴作成用のスキルの探索
- 03適切なスキルがない場合の直接支援
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ vercel-labs/ skills --skill find-skillsインストール後、Claude Code で/find-skillsを入力して読み込まれたか確認します。
詳細
Find Skills
このスキルは、オープンなエージェントスキルエコシステムからスキルを探してインストールするのに役立ちます。
このスキルを使うタイミング
ユーザーが次のような場合にこのスキルを使用します:
- 「X をするにはどうすればよいか」と尋ね、X が既存のスキルで対応できる一般的なタスクらしい場合
- 「X のスキルを探して」や「X のスキルはありますか」と言う場合
- 「X はできますか」と尋ね、X が専門的な機能である場合
- エージェントの機能を拡張することに関心を示す場合
- ツール、テンプレート、ワークフローを検索したい場合
- 特定の分野(デザイン、テスト、デプロイなど)での支援がほしいと述べる場合
Skills CLI とは
Skills CLI(npx skills)は、オープンなエージェントスキルエコシステムのパッケージマネージャーです。スキルは、専門的な知識、ワークフロー、ツールによってエージェントの機能を拡張するモジュール式のパッケージです。
主なコマンド:
npx skills find [query] [--owner <owner>]- 対話形式、またはキーワードでスキルを検索します。必要に応じて GitHub のオーナーで絞り込めますnpx skills add <package>- GitHub などのソースからスキルをインストールしますnpx skills update- インストール済みのすべてのスキルを更新します
スキルの閲覧先: https://skills.sh/
ユーザーがスキルを見つける手助けをする方法
ステップ 1: 必要なものを把握する
ユーザーから何かの手助けを求められたら、次の点を特定します:
- 分野(例: React、テスト、デザイン、デプロイ)
- 具体的なタスク(例: テストの作成、アニメーションの作成、PR のレビュー)
- 既存のスキルが存在しそうなほど一般的なタスクかどうか
ステップ 2: まずリーダーボードを確認する
CLI で検索する前に、skills.sh のリーダーボードを確認し、その分野で有名なスキルがすでにないかを調べます。リーダーボードは総インストール数でスキルをランク付けしており、最も人気があり実績のある選択肢が上位に表示されます。
例えば、Web 開発の主なスキルには次のようなものがあります:
vercel-labs/agent-skills— React、Next.js、Web デザイン(それぞれ 10 万以上のインストール)anthropics/skills— フロントエンドデザイン、ドキュメント処理(10 万以上のインストール)
ステップ 3: スキルを検索する
リーダーボードでユーザーのニーズがカバーされていない場合は、find コマンドを実行します:
npx skills find [query] [--owner <owner>]
例:
- ユーザーが「React アプリをもっと速くするにはどうすればいいですか?」と尋ねる →
npx skills find react performance - ユーザーが「PR レビューを手伝ってもらえますか?」と尋ねる →
npx skills find pr review - ユーザーが「変更履歴を作成する必要があります」と言う →
npx skills find changelog
ステップ 4: 推奨する前に品質を確認する
検索結果だけに基づいてスキルを推奨しないでください。 必ず次の点を確認します:
- インストール数 — 1,000 以上のインストールがあるスキルを優先します。100 未満のものには注意してください。
- ソースの信頼性 — 公式ソース(
vercel-labs、anthropics、microsoft)は、身元不明の作者よりも信頼できます。 - GitHub のスター数 — ソースリポジトリを確認します。スター数が 100 未満のリポジトリにあるスキルは、慎重に扱うべきです。
ステップ 5: ユーザーに選択肢を提示する
関連するスキルが見つかったら、ユーザーに次の情報を添えて提示します:
- スキル名と、その機能
- インストール数とソース
- 実行できるインストールコマンド
- skills.sh でさらに詳しく確認できるリンク
回答例:
I found a skill that might help! The "react-best-practices" skill provides
React and Next.js performance optimization guidelines from Vercel Engineering.
(185K installs)
To install it:
npx skills add vercel-labs/agent-skills@react-best-practices
Learn more: https://skills.sh/vercel-labs/agent-skills/react-best-practices
ステップ 6: インストールを提案する
ユーザーが先に進めたい場合は、代わりにスキルをインストールできます:
npx skills add <owner/repo@skill> -g -y
-g フラグはグローバル(ユーザーレベル)にインストールし、-y は確認プロンプトをスキップします。
よくあるスキルのカテゴリ
検索時には、次のような一般的なカテゴリを考慮してください:
| カテゴリ | 検索クエリの例 |
|---|---|
| Web 開発 | react, nextjs, typescript, css, tailwind |
| テスト | testing, jest, playwright, e2e |
| DevOps | deploy, docker, kubernetes, ci-cd |
| ドキュメント | docs, readme, changelog, api-docs |
| コード品質 | review, lint, refactor, best-practices |
| デザイン | ui, ux, design-system, accessibility |
| 生産性 | workflow, automation, git |
効果的な検索のためのヒント
- 具体的なキーワードを使う: 「testing」だけより「react testing」の方が適しています
- 別の用語も試す: 「deploy」で見つからない場合は、「deployment」や「ci-cd」を試してください
- 人気のあるソースを確認する: 多くのスキルは
vercel-labs/agent-skillsやComposioHQ/awesome-claude-skillsから提供されています
該当するスキルが見つからない場合
関連するスキルが存在しない場合:
- 既存のスキルが見つからなかったことを伝える
- 一般的な機能を使って、タスクを直接手伝うことを提案する
npx skills initを使って、ユーザー自身のスキルを作成できることを提案する
例:
I searched for skills related to "xyz" but didn't find any matches.
I can still help you with this task directly! Would you like me to proceed?
If this is something you do often, you could create your own skill:
npx skills init my-xyz-skill