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'.
en todo el repo
0–100, la ruta de este skill
último commit aquí
últimos 90 días
46 tok en reposo
1 KB
Funciona con cualquier agente que lea SKILL.md
npx -y skills add vercel-labs/agent-skills --skill web-design-guidelines --agent claude-codeSe instala solo en este repositorio.
Este skill makes network requests.
Di cualquiera de estas frases y el agente debería cargar este skill.
1 archivo en el paquete. Solo se lee SKILL.md al activarse — las referencias se cargan si el skill decide que las necesita.
Requiere WebFetch para obtener las guías actualizadas desde la URL fuente antes de cada revisión.
Este repo incluye 9 skills. Si instalas uno, normalmente ya tienes los demás.
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.
Guía para implementar animaciones nativas y fluidas con la View Transition API de React (`<ViewTransition>`, `addTransitionType`, pseudo-elementos CSS de transición).
Revisa documentos o prosa para verificar el cumplimiento de las Writing Guidelines; úsalo al pedir "review my docs", "check writing style" o "audit prose".
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".
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 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'.
Gestiona componentes y proyectos shadcn: añadir, buscar, corregir, depurar, estilizar y componer UI, incluyendo interfaces de chat, con contexto del proyecto y documentación.
Diseña banners para redes sociales, anuncios, heroes de sitios web, assets creativos e impresión, con múltiples opciones de dirección de arte y visuales generados por IA.
Crea presentaciones HTML estratégicas con Chart.js, tokens de diseño, layouts responsivos, fórmulas de copywriting y estrategias de diapositivas contextuales.
