Frontend Development

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.

Instala y evalúa vercel-react-native-skills, una skill de buenas prácticas para React Native y Expo centrada en el rendimiento móvil, los patrones de interfaz, las animaciones y la arquitectura de aplicaciones nativas.

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.