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`)와 네트워크가 필요합니다. 한 번 시험했습니다. 검색(`npx skills find`)만 실행했고 설치 단계는 시험하지 않았습니다.