# agent-skills - 9 Claude Skills de vercel-labs > Skills oficiales de Vercel: optimización React/Next.js, guías de UI y escritura, despliegue en Vercel y patrones de componentes. Fuente: https://skillsagentes.com/skills/vercel-labs/agent-skills Markdown: https://skillsagentes.com/skills/vercel-labs/agent-skills.md 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. ## Instalar el pack entero ```bash npx -y skills add vercel-labs/agent-skills --agent claude-code ``` Instala los 9 skills en el proyecto actual. Añade `-g` para toda la máquina, y cambia `--agent` por `cursor`, `codex`, `gemini`, `windsurf` o `cline`. ## Qué cubre 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. ## Datos del repositorio - Publicado por: [vercel-labs](https://skillsagentes.com/creators/vercel-labs.md) - Skills indexados: 9 - Categorías: Herramientas para desarrolladores, DevOps e infraestructura, Diseño y UI - Estrellas: 30855 - Licencia: sin declarar - Último push: 2026-08-28 - [Código fuente](https://github.com/vercel-labs/agent-skills) ## Los 9 skills - [Vercel Composition Patterns](https://skillsagentes.com/skills/vercel-labs/agent-skills/vercel-composition-patterns.md): 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. - [Vercel React Native Skills](https://skillsagentes.com/skills/vercel-labs/agent-skills/vercel-react-native-skills.md): Buenas prácticas de React Native y Expo para apps móviles performantes: componentes, rendimiento de listas, animaciones y módulos nativos.' - [Vercel React View Transitions](https://skillsagentes.com/skills/vercel-labs/agent-skills/vercel-react-view-transitions.md): Guía para implementar animaciones nativas y fluidas con la View Transition API de React (, addTransitionType y pseudo-elementos CSS de view transition), sin librerías de animación de terceros. - [Web Design Guidelines](https://skillsagentes.com/skills/vercel-labs/agent-skills/web-design-guidelines.md): 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'. - [Writing Guidelines](https://skillsagentes.com/skills/vercel-labs/agent-skills/writing-guidelines.md): Revisa documentos o prosa para verificar el cumplimiento de las Writing Guidelines; úsalo al pedir "review my docs", "check writing style" o "audit prose". - [Vercel Optimize](https://skillsagentes.com/skills/vercel-labs/agent-skills/vercel-optimize.md): 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. - [Deploy To Vercel](https://skillsagentes.com/skills/vercel-labs/agent-skills/deploy-to-vercel.md): 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'. - [Vercel React Best Practices](https://skillsagentes.com/skills/vercel-labs/agent-skills/vercel-react-best-practices.md): 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. - [Vercel Cli With Tokens](https://skillsagentes.com/skills/vercel-labs/agent-skills/vercel-cli-with-tokens.md): 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". ## Preguntas frecuentes - **¿Qué incluye agent-skills?** 9 skills indexados en este directorio, repartidos entre 4 categorías, sobre todo Herramientas para desarrolladores, DevOps e infraestructura, Diseño y UI. Cada uno es un SKILL.md con sus propios archivos, y en la lista de esta página tienes los 9 con enlace a su ficha. - **¿Cómo instalo todo el pack agent-skills de una vez?** Con un solo comando: npx -y skills add vercel-labs/agent-skills --agent claude-code. Instala los 9 skills del repositorio en el proyecto actual. Añade -g al final para dejarlos disponibles en toda la máquina, y cambia --agent si usas Cursor, Codex, Gemini CLI, Windsurf o Cline. - **¿Puedo instalar solo uno de los skills?** Sí. Cada ficha de skill trae su propio comando con el selector --skill, así que puedes coger uno suelto sin traerte los 9. Es lo recomendable si solo necesitas una tarea concreta: cada skill instalado ocupa contexto en tu agente. - **¿Qué licencia tiene agent-skills?** El repositorio no declara ninguna licencia en GitHub. Sin licencia explícita, los derechos son del autor por defecto: revísalo antes de reutilizar el código en un proyecto propio. - **¿Quién mantiene agent-skills?** vercel-labs, en GitHub. El último push al repositorio se registró el 28 de agosto de 2026. --- [Todos los packs](https://skillsagentes.com/skills/packs.md) · [Todas las skills](https://skillsagentes.com/skills.md) Skills Agentes · [Índice de páginas en markdown](https://skillsagentes.com/sitemap.md) · [Inicio](https://skillsagentes.com/index.md)