Frontend

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.

Bonnes pratiques Remotion concrètes pour créer des vidéos programmatiques, des animations et des compositions pilotées par l’audio avec React.

Créez des visuels algorithmiques originaux avec p5.js grâce à l’aléatoire déterministe, des modèles réutilisables et un viewer interactif pour explorer les paramètres.

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.