Formulaires accessibles : labels aria-live
Rendez vos formulaires web conformes RGAA : labels visibles, erreurs annoncées, aria-live. De Figma à React avec Cursor pour PO, design et développement.
Intermédiaire · 4 min
Académie
Chargement…
Rendez vos formulaires web conformes RGAA : labels visibles, erreurs annoncées, aria-live. De Figma à React avec Cursor pour PO, design et développement.
Intermédiaire · 4 min
GSAP accessible : matchMedia, durées réduites et états statiques. Du Figma à useGSAP en React — pour dev, design et recette sans exclure reduced-motion.
Avancé · 4 min
Composants React accessibles avec Cursor et rules dédiées : sémantique, clavier, ARIA minimal, focus visible. Workflow agent et relecture manuelle pour dev.
Intermédiaire · 4 min
Conventions Git dans Cursor : messages commit, scope, description PR et checklist review. Rules et prompts pour éviter les commits fourre-tout en équipe dev.
Débutant · 3 min
Résolvez un échec next build avec Cursor : log complet, patch minimal, typecheck. Erreurs RSC, imports et variables d’environnement courantes en projet agence.
Intermédiaire · 3 min
Figma Dev Mode et Cursor pour intégrer une maquette : tokens, composants existants, capture en contexte. Réduire l’écart visuel sans ignorer le design system.
Intermédiaire · 4 min
Refactor sûr avec Cursor : @codebase, périmètre fichiers, plan par étapes, typecheck. Extraire des modules sans casser Next.js App Router sur projet agence.
Avancé · 4 min
Auditez titles, descriptions et canonicals avec Cursor : rule SEO, templates, corrections par lot. Complément checklist JSON-LD Cosmos Académie pour dev et PO.
Intermédiaire · 4 min
Configurez Cursor à l’onboarding : rules .mdc versionnées, AGENTS.md et skills. Alignez l’agent IA sur Next.js, React et gouvernance Git en équipe web.
Débutant · 4 min
Tests unitaires Cursor sans any ni contournement strict : Vitest, Testing Library et rules projet. Tests maintenables pour dev en typage TypeScript strict.
Intermédiaire · 4 min
Fixez des budgets poids, LCP et polices dès Figma. Implémentez next/image et next/font en Next.js, mesurez chaque release avec Cursor — pour PO, dev et ops.
Intermédiaire · 4 min
Protégez un formulaire contact Next.js : validation client-serveur, honeypot, rate limit, retours accessibles. Server Actions pour sites B2B agence web.
Intermédiaire · 4 min