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.
Qué hace
Ayuda a tu agente a encontrar una Skill existente cuando preguntas «¿cómo hago X?», «busca una Skill para X» o «¿hay una Skill que pueda...?». Usa el ecosistema abierto de Skills y la herramienta de línea de comandos npx skills, y te remite a la clasificación de skills.sh.
Cómo funciona
- Identifica el ámbito y la tarea concreta.
- Consulta primero la clasificación de skills.sh para encontrar una Skill conocida.
- Si hace falta, busca con
npx skills find [query]. - Comprueba la calidad antes de recomendar: instalaciones (preferiblemente más de 1.000), reputación del origen y estrellas del repositorio.
- Presenta las opciones con su comando de instalación y un enlace.
- Si lo quieres, instala con
npx skills add <owner/repo@skill> -g -y. - Si no encuentra nada, lo indica y ofrece realizar la tarea directamente o propone
npx skills initpara crear tu propia Skill.
Para qué sirve
Ampliar tu agente sin recorrer registros a mano. Instalar Skills de terceros requiere precaución: consulta la nota de riesgo.
Riesgo alto: indica al agente que ejecute `npx skills find` para buscar en un registro en línea y, si aceptas, `npx skills add <owner/repo@skill> -g -y`, que descarga Skills de terceros y las instala para toda tu cuenta sin más confirmaciones. Pueden contener scripts e instrucciones que no has revisado. Acepta solo instalaciones que hayas examinado: comprueba origen, número de instalaciones y estrellas, como aconseja la propia Skill. Necesita Node.js (`npx`) y acceso a Internet. Se probó una vez solo la búsqueda (`npx skills find`); no se probó la instalación.