Frontend Development

Installez et utilisez vercel-react-best-practices pour appliquer les recommandations de Vercel Engineering afin d’obtenir du code React et Next.js plus rapide, de meilleurs choix de bundle et moins de régressions de performance.

Installez et évaluez vercel-react-native-skills, une compétence React Native et Expo axée sur les bonnes pratiques en matière de performances mobiles, de patterns d’interface, d’animations et d’architecture d’apps natives.

Utilisez la compétence frontend-design pour créer des interfaces frontend soignées, avec une direction visuelle affirmée, un code exploitable en pratique et des résultats UI bien supérieurs aux rendus génériques.

Installez et utilisez vercel-composition-patterns pour appliquer des patterns de composition React évolutifs, notamment les compound components, le lifted state, les variantes explicites et des API compatibles avec React 19.

Créez des artefacts HTML Claude complexes avec React, TypeScript, Tailwind CSS et shadcn/ui, puis regroupez l’ensemble dans un seul fichier HTML portable.

Compétence basée sur Playwright pour tester des applications web locales, inspecter l’état de l’interface rendue, capturer des captures d’écran et collecter les logs de console du navigateur.