I'd recommend vercel-react-best-practices from vercel-labs/agent-skills. It covers React and Next.js performance optimization, based on guidance from Vercel's engineering team.
- Installs: about 798K, far more than any other result (the next one has 28.8K).
- Source: Vercel Labs, the official Vercel organization.
- Fit: it's the only top result aimed at web React performance.
- Details: https://skills.sh/vercel-labs/agent-skills/vercel-react-best-practices
- Install command (when you want it):
npx skills add vercel-labs/agent-skills@vercel-react-best-practices
I didn't check the GitHub star count for the source repo because the permission request was denied. The install count and the official Vercel source are still strong signs of quality.
Other results from the search:
| Skill | Installs | Notes |
|---|---|---|
callstackincubator/agent-skills@react-native-best-practices |
28.8K | Only useful if your app is React Native |
software-mansion/argent@argent-react-native-optimization / -profiler |
~23.7K | Also React Native only |
affaan-m/ecc@frontend-patterns |
14.4K | General frontend patterns, not focused on performance |
If your app is React Native, use Callstack's react-native-best-practices instead. For a web React or Next.js app, the Vercel skill is the one to pick.
As you asked, I only searched and didn't install anything.
How it was tried: I let the model run only searches (npx skills find) with a throwaway npm cache, and asked it to recommend and not install. Installing was not tried. The model says it could not check the repository's GitHub stars because that permission request was denied. This run used Claude Opus 5.5.
できること
「X はどうやる？」「X 用の Skill を探して」「〜できる Skill はある？」と聞いたとき、既存の Skill を探す手伝いをします。オープンな Skill エコシステムと npx skills コマンドを使い、skills.sh のランキングも案内します。
仕組み
- 分野と具体的なタスクを整理します。
- まず skills.sh のランキングに有名な Skill がないか確認します。
- 必要なら
npx skills find [キーワード]で検索します。 - 推薦の前に品質を確認：インストール数（1K 以上が目安）、提供元の信頼性、元リポジトリのスター数。
- 候補をインストールコマンドとリンク付きで提示します。
- 希望すれば
npx skills add <owner/repo@skill> -g -yでインストールします。 - 見つからなければその旨を伝え、直接手伝うか
npx skills initでの自作を提案します。
向いている場面
レジストリを手で探さずにエージェントを拡張したいとき。第三者の Skill のインストールには注意が必要です（リスク説明を参照）。
高リスク：エージェントに `npx skills find`（オンラインのレジストリ検索）を実行させ、同意すれば `npx skills add <owner/repo@skill> -g -y` を実行します。これは第三者の Skill をインターネットからダウンロードし、確認なしでユーザー全体にインストールします。未確認のスクリプトや指示が含まれる可能性があります。内容を確認したものだけインストールに同意し、Skill 自身が勧めるとおり提供元・インストール数・スターを確認してください。Node.js（`npx`）とネットワークが必要です。 1 回試用しました。検索（`npx skills find`）のみで、インストール手順は試していません。