Frontend

Automatiza el QA exploratorio de cualquier aplicación web con informes de bugs estructurados, capturas de pantalla y vídeos. dogfood controla el cliente agent-browser para explorar un sitio de destino, detectar problemas visuales, funcionales, de UX, rendimiento, consola y accesibilidad, y generar un informe de QA listo para compartir con pasos de reproducción claros.

Ejecuta agent-browser con Chrome en modo headless dentro de microVMs de Vercel Sandbox para que tus apps desplegadas en Vercel puedan realizar automatización real de navegador, capturas de pantalla e interacciones con páginas de forma segura y a escala.

Instala y usa vercel-react-best-practices para aplicar las recomendaciones de Vercel Engineering y conseguir código React y Next.js más rápido, mejores decisiones sobre bundles y menos regresiones de rendimiento.

Buenas prácticas prácticas de Remotion para crear videos programáticos, animaciones y composiciones basadas en audio en React.

Crea arte algorítmico original con p5.js usando aleatoriedad con seed, plantillas reutilizables y un visor interactivo para explorar parámetros.

Usa la skill frontend-design para crear interfaces frontend pulidas, con una dirección visual sólida, código práctico y resultados de UI mejores que los genéricos.

Instala y usa vercel-composition-patterns para aplicar patrones de composición escalables en React, incluidos compound components, lifted state, variantes explícitas y APIs compatibles con React 19.

Crea artefactos HTML complejos para Claude con React, TypeScript, Tailwind CSS y shadcn/ui, y después empaquétalo todo en un único archivo HTML portable.

Skill basado en Playwright para probar aplicaciones web locales, inspeccionar el estado renderizado de la UI, capturar capturas de pantalla y recopilar registros de la consola del navegador.