find-skills について
find-skillsは、オープンなAgent Skillsエコシステムのスキルを探してインストールするためのエージェントスキルです。依頼内容の整理からSkills CLIでの検索、候補の確認と提示までを案内します。
主な機能
- 01必要なスキルを特定する手順
- 02Skills CLIの検索・インストールコマンド
- 03ランキングを先に確認する探索手順
- 04導入数と提供元の信頼性の確認
- 05検索結果の提示とインストールの案内
活用シーン
- 01特定の作業や分野に合うスキル探し
- 02エージェントへの専門機能の追加
- 03候補スキルの確認後の推薦
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ dirnbauer/ webconsulting-skills --skill find-skillsインストール後、Claude Code で/find-skillsを入力して読み込まれたか確認します。
詳細
スキルを探す
このスキルを使うと、オープンなエージェントスキルエコシステムからスキルを見つけてインストールできます。
このスキルを使うタイミング
次のような場合に、このスキルを使います。
- 既存のスキルで対応できる可能性がある一般的なタスクについて、「X のやり方を教えて」と尋ねられた場合
- 「X 用のスキルを探して」や「X 用のスキルはある?」と言われた場合
- 特殊な機能について「X はできる?」と尋ねられた場合
- エージェントの機能を拡張することに関心を示した場合
- ツール、テンプレート、ワークフローを探したいと言われた場合
- 特定の分野(デザイン、テスト、デプロイなど)で助けが欲しいと話した場合
Skills CLI とは?
Skills CLI(npx skills)は、オープンなエージェントスキルエコシステム向けのパッケージマネージャーです。スキルは、専門知識、ワークフロー、ツールを提供してエージェントの機能を拡張するモジュール式パッケージです。
主なコマンド:
npx skills find [query]— 対話形式またはキーワードでスキルを検索しますnpx skills add <package>— GitHub などのソースからスキルをインストールしますnpx skills check— スキルの更新を確認しますnpx skills update— インストール済みのすべてのスキルを更新します
スキルの閲覧先: https://skills.sh/
ユーザーがスキルを探すのを支援する方法
ステップ 1:必要なものを把握する
ユーザーから何かについて支援を求められたら、次の点を特定します。
- 分野(例:React、テスト、デザイン、デプロイ)
- 具体的なタスク(例:テストの作成、アニメーションの作成、PR のレビュー)
- スキルが存在しそうなほど一般的なタスクかどうか
ステップ 2:まずリーダーボードを確認する
CLI で検索する前に、skills.sh のリーダーボードを確認し、その分野でよく知られたスキルがすでに存在するか調べます。リーダーボードではインストール数の合計に基づいてスキルがランキングされ、特に人気が高く、実績のある選択肢が表示されます。
たとえば、ウェブ開発向けの上位スキルには次のものがあります。
vercel-labs/agent-skills— React、Next.js、ウェブデザイン(それぞれ 100K 以上のインストール)anthropics/skills— フロントエンドデザイン、ドキュメント処理(100K 以上のインストール)
ステップ 3:スキルを検索する
リーダーボードにユーザーのニーズに合うものがなければ、find コマンドを実行します。
npx skills find [query]
例:
- ユーザーが「React アプリを高速化する方法は?」と尋ねた場合 →
npx skills find react performance - ユーザーが「PR のレビューを手伝ってくれる?」と尋ねた場合 →
npx skills find pr review - ユーザーが「変更履歴を作成したい」と言った場合 →
npx skills find changelog
ステップ 4:おすすめする前に品質を確認する
検索結果だけを根拠にスキルをおすすめしないでください。 必ず次の点を確認します。
- インストール数 — 1K 以上のスキルを優先します。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 は確認プロンプトを省略します。
よくあるスキルのカテゴリ
検索時には、次のような一般的なカテゴリを検討します。
| カテゴリ | 検索クエリの例 |
|---|---|
| ウェブ開発 | 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 |
効果的な検索のヒント
- 具体的なキーワードを使う:「react testing」は「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
クレジットと帰属
このスキルは、 Vercel による優れた取り組みを基にしています。
元のリポジトリ:https://github.com/vercel-labs/skills
このスキルコレクションの形成に役立った、オープンソースへの惜しみない貢献に対し、Vercel に特別な感謝を申し上げます。 このスキルコレクション向けに webconsulting.at が改変しました