Skills de tareas
Vercel Agent Skills
Da a la IA las guías frontend de Vercel para revisar rendimiento e interfaz.
Presentación
Preparado por LessAI Tools a partir de documentación pública
Este paquete guía el desarrollo y la revisión frontend, especialmente en React y Next.js, rendimiento, accesibilidad y usabilidad. Elige las habilidades pertinentes, instálalas según el README y contrasta los consejos con tu proyecto.
Skill utilizada en esta tarea: web-design-guidelines
Primeros pasos
Revisa los requisitos y elige tu asistente para ver los pasos.
- Qué necesitas
- Un asistente con soporte de habilidades.
- Skills CLI necesita Node.js y npm; elige solo lo necesario.
- Costes
- El código es abierto. El uso del asistente y las cuotas de servicios externos son independientes.
- Permisos necesarios
- Revisión lee archivos; despliegue los empaqueta y sube. Empieza por revisión y aprueba publicar aparte. Skills CLI explica telemetría anónima y cómo desactivarla.
CodexConfiguración manual necesaria
Usa Skills CLI; selecciona asistente y habilidad al instalar.
Pasos de configuración
- Abre instalación del README y guía Skills CLI.
- Elige la habilidad de vercel-labs/agent-skills para Codex.
- Comprueba que aparezca; inicia otra sesión si hace falta.
Comprobar la configuración
Elige web-design-guidelines y pide revisar teclado en una página con hallazgos concretos.
Fuentes oficiales
Claude CodeConfiguración manual necesaria
Usa Skills CLI; selecciona asistente y habilidad al instalar.
Pasos de configuración
- Abre instalación del README y guía Skills CLI.
- Elige la habilidad de vercel-labs/agent-skills para Claude Code.
- Comprueba que aparezca; inicia otra sesión si hace falta.
Comprobar la configuración
Elige web-design-guidelines y pide revisar teclado en una página con hallazgos concretos.
Fuentes oficiales
CursorConfiguración manual necesaria
Usa Skills CLI; selecciona asistente y habilidad al instalar.
Pasos de configuración
- Abre instalación del README y guía Skills CLI.
- Elige la habilidad de vercel-labs/agent-skills para Cursor.
- Comprueba que aparezca; inicia otra sesión si hace falta.
Comprobar la configuración
Elige web-design-guidelines y pide revisar teclado en una página con hallazgos concretos.
Fuentes oficiales
Fuentes oficiales
Configuración revisada 2026-10-12 · Basado en documentación pública; no se ha instalado y probado cada proyecto.
Formas de usarlo
- Aplicar guías de rendimiento de React y Next.js
- Revisar accesibilidad y usabilidad
- Elegir e instalar habilidades para la tarea
Proyecto y documentación oficiales
Descripción del proyecto (traducida)
Colección oficial de habilidades Vercel
Plugins para tareas similares
Primero coincide el uso principal; después, tareas comunes y estrellas. La configuración puede variar.
- Claude Code Official Plugins — Elige plugins Claude Code de revisión, diseño frontend y MCP.
- Codex Plugins & Built-in Tools — Encuentre capacidades Codex para trabajo con navegador, codificación, diseño, archivos de Office y video, con sus requisitos de configuración reales.
- Vue Skills — Da a la IA guías de Vue 3 para componentes, rutas, estado y pruebas.