vercel-labs/agent-skills

¿Qué es?

Funciones clave

• 01Se instalan con npx skills add y se cargan automáticamente cuando surge una tarea pertinente.
• 02Incluye una auditoría de proyectos de Vercel que abarca costos, caché y uso de funciones.
• 03Ofrece reglas de rendimiento para React y Next.js que cubren el tamaño del bundle y la obtención de datos.
• 04Incluye reglas de revisión de accesibilidad y diseño de interfaces con más de 100 comprobaciones.
• 05Permite que los agentes desplieguen proyectos en Vercel y devuelvan URL de vista previa y para reclamar el proyecto.

Casos de uso

• Revisar un componente de React o Next.js para detectar problemas de renderizado y rendimiento del bundle.
• Auditar un proyecto desplegado en Vercel para encontrar rutas lentas y costos elevados de funciones.
• Comprobar que el marcado y los estilos de un sitio cumplan las pautas de accesibilidad.
• Desplegar un prototipo desde una sesión de chat y obtener una URL pública para compartir.

Inicio rápido

1. 1

   Instala las skills con npx

   npx skills add vercel-labs/agent-skills
2. 2

   Pídele a tu agente una tarea que corresponda a una skill, como revisar un componente de React para detectar problemas de rendimiento

Antes de usarlo

• !Los metadatos del repositorio no indican ninguna licencia, aunque el README especifica MIT.
• !Algunas skills dependen de servicios de Vercel, como vercel-deploy-claimable, que sube proyectos a un servicio de despliegue de Vercel.

Temas

Preguntas frecuentes

¿Qué es agent-skills?

Colección de paquetes de instrucciones instalables que aportan a los agentes de programación con IA conocimientos sobre Vercel y buenas prácticas de React/Next.js. Agent Skills es un conjunto de instrucciones y scripts empaquetados que amplían los conocimientos especializados de los agentes de programación con IA. Cada skill es una carpeta que incluye un archivo SKILL.md, scripts auxiliares opcionales y documentación de referencia, y sigue el formato Agent Skills. Las skills se instalan con npx skills add y el agente las utiliza cuando se presenta una tarea relacionada.

¿agent-skills es gratuito? ¿Qué licencia tiene?

agent-skills no declara ninguna licencia. Su código es público, pero sin licencia no tienes permiso explícito para reutilizarlo; consulta al autor antes de depender de él.

¿agent-skills sigue mantenido?

Mantenimiento activo. El último commit de agent-skills fue el 14 oct 2026.

¿Para qué puedo usar agent-skills?

Revisar un componente de React o Next.js para detectar problemas de renderizado y rendimiento del bundle. Auditar un proyecto desplegado en Vercel para encontrar rutas lentas y costos elevados de funciones. Comprobar que el marcado y los estilos de un sitio cumplan las pautas de accesibilidad. Desplegar un prototipo desde una sesión de chat y obtener una URL pública para compartir.

¿Cómo se instala agent-skills?

Instala las skills con npx: npx skills add vercel-labs/agent-skills Pídele a tu agente una tarea que corresponda a una skill, como revisar un componente de React para detectar problemas de rendimiento

¿Dónde consigo agent-skills?

El código fuente y las instrucciones de instalación están en GitHub: https://github.com/vercel-labs/agent-skills