vercel-labs

Claude puede revisar automáticamente el código UI contra las directrices de diseño web establecidas, detectando problemas de accesibilidad, problemas de usabilidad y violaciones de mejores prácticas antes del despliegue. Esta habilidad obtiene las últimas directrices y realiza análisis estáticos para identificar mejoras.

Agregar transiciones de página fluidas y animaciones de elementos compartidos a apps React requiere entender la API de Transiciones de Vista y sus patrones de integración. Esta habilidad proporciona guía paso a paso, recetas CSS y patrones de Next.js de Vercel Labs.

Para crear aplicaciones React Native de alto rendimiento, es necesario seguir patrones específicos de la plataforma para listas, animaciones y gestión del estado. Esta habilidad proporciona más de 35 reglas de agentes de IA para el desarrollo móvil optimizado.

Las aplicaciones React a menudo sufren problemas de rendimiento como re-renderizaciones innecesarios, tamaños de bundle grandes y cascadas de fetching secuencial de datos. Esta habilidad proporciona 45 reglas priorizadas de Vercel Engineering para eliminar estos cuellos de botella y construir aplicaciones web de alto rendimiento.

Construir componentes React con props booleanos conduce a código difícil de mantener. Esta habilidad proporciona listas de IA para usar componentes compuestos, elevar estado y componer internamente para crear arquitecturas de componentes escalables.

Revisar manualmente los mensajes de Slack y buscar conversaciones lleva tiempo. Esta habilidad automatiza la interacción con Slack a través de automatización de navegador sin necesidad de autenticación API o tokens de bot.

Desplegar aplicaciones web en Vercel requiere autenticación y configuración del proyecto. Esta skill permite a tu asistente de IA gestionar despliegues en Vercel usando tokens de acceso, sin necesidad de iniciar sesión de forma interactiva.

Los usuarios necesitan orientación sobre cómo crear habilidades efectivas para Claude Code. Esta habilidad proporciona una guía completa para construir, estructurar y empaquetar habilidades con mejores prácticas probadas.

Una habilidad de IA para Claude, Codex y Claude Code

An AI skill for Claude, Codex, and Claude Code

Las aplicaciones Next.js frecuentemente obtienen datos repetidamente, causando cargas de página lentas. Los Componentes de Cache permiten el Prerenderizado Parcial y estrategias de cache inteligentes para servir contenido cacheado instantáneamente mientras se transmiten partes dinámicas.

Deja de adivinar patrones de Next.js y escribe código que escala. Esta skill proporciona orientación autorizada de Vercel sobre convenciones de archivos, React Server Components, obtención de datos, manejo de errores y mejores prácticas de despliegue.

Los usuarios a menudo no saben qué habilidades existen para ayudar con sus tareas. Esta habilidad los guía para descubrir capacidades relevantes desde el ecosistema de agentes abiertos e instalarlas con comandos simples.

Controla aplicaciones Electron como VS Code, Slack, Discord y Figma a través del Chrome DevTools Protocol. Conecta a aplicaciones de escritorio en ejecución, automatiza interacciones de IU y prueba aplicaciones nativas de Electron.

Dogfood explora sistemáticamente aplicaciones web para encontrar errores, problemas de UX y otros problemas, produciendo informes estructurados con evidencia completa de reproducción incluyendo capturas de pantalla y videos.

Desplegar proyectos manualmente a Vercel lleva tiempo y requiere navegar por el dashboard. Esta habilidad automatiza todo el flujo de trabajo de despliegue con detección automática de frameworks y generación de URLs de previsualización.

La automatización manual de interacciones web consume tiempo y es propensa a errores. Agent-browser proporciona una interfaz de línea de comandos para la automatización del navegador que permite el llenado automático de formularios, captura de pantallas, web scraping y flujos de trabajo de pruebas end-to-end.