Pack de 9 skills
Colección oficial de Vercel con skills para desarrollo React/Next.js, revisión de UI y prosa, despliegue en Vercel y patrones de código React y React Native.
indexados aquí
cubiertas
en GitHub
al repositorio
agent-skills-063bee94c3f4df8453406c830b0a7df0f2860278
Funciona con cualquier agente que lea SKILL.md
npx -y skills add vercel-labs/agent-skills --agent claude-codeInstala todos los skills del repositorio, solo en este proyecto.
Instala los 9 skills del repositorio de una vez. Cada ficha individual trae su propio comando si solo quieres uno — cada skill instalado ocupa contexto en el agente.
Este repositorio agrupa skills usadas internamente por Vercel Engineering. Cubre revisión de código: Vercel React Best Practices aplica reglas de rendimiento para React y Next.js, Web Design Guidelines audita accesibilidad y UX en código de interfaz, y Writing Guidelines revisa prosa y documentación según el manual de estilo de Vercel. También incluye patrones de arquitectura con Vercel Composition Patterns, animaciones con Vercel React View Transitions, y buenas prácticas móviles con Vercel React Native Skills. Para infraestructura, Vercel Optimize analiza métricas de proyectos desplegados para detectar costes y cuellos de botella, mientras que Deploy To Vercel y Vercel Cli With Tokens gestionan despliegues, incluyendo autenticación por token en lugar de login interactivo.
Equipos que trabajan con el stack de Vercel (Next.js, React, React Native/Expo) y que además publican documentación o interfaces de usuario encontrarían aquí una cobertura conjunta de código, contenido y despliegue, en vez de instalar cada aspecto por separado.
El conjunto no cubre frameworks fuera del ecosistema de Vercel de forma completa: Vercel Optimize menciona soporte limitado para Astro, y las guías de React/React Native no se extienden a otros frameworks de UI o backends distintos de Node/Vercel.
Los 9 más populares del pack, sobre Herramientas para desarrolladores, DevOps e infraestructura, Diseño y UI.
Patrones de composición de React que escalan. Úsalo al refactorizar props booleanas, construir librerías flexibles o diseñar APIs reutilizables; incluye cambios de las APIs de React 19.
Buenas prácticas de React Native y Expo para apps móviles performantes: componentes, rendimiento de listas, animaciones y módulos nativos.'
Haz crecer tu tráfico orgánico en piloto automático.
Guía para implementar animaciones nativas y fluidas con la View Transition API de React (<ViewTransition>, addTransitionType y pseudo-elementos CSS de view transition), sin librerías de animación de terceros.
Revisa código de UI según las Web Interface Guidelines. Úsalo al pedir 'review my UI', 'check accessibility', 'audit design', 'review UX' o 'check my site against best practices'.
Revisa documentos o prosa para verificar el cumplimiento de las Writing Guidelines; úsalo al pedir "review my docs", "check writing style" o "audit prose".
Para optimizar coste y rendimiento en proyectos Vercel desplegados (Next.js, SvelteKit, Nuxt, Astro limitado): recopila métricas, uso y config, investiga solo candidatos respaldados por métricas y produce recomendaciones verificadas.
Despliega aplicaciones y sitios web en Vercel. Úsalo cuando el usuario pida acciones de despliegue como 'deploy my app', 'push this live' o 'create a preview deployment'.
Guía de optimización de rendimiento para React y Next.js de Vercel Engineering, con 70 reglas en 8 categorías priorizadas por impacto para refactorizar y generar código.
Despliega y gestiona proyectos en Vercel usando autenticación por token. Útil para usar Vercel CLI con access tokens en vez de login interactivo, p. ej. "deploy to vercel", "set up vercel".
Repositorio que reúne un CLI nativo en Rust para automatizar navegadores Chrome y un conjunto de skills que lo aplican a Electron, Slack, testing web y entornos en la nube.
