Académie
Chargement…
LABELS ERREURS ET
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
ANIMATIONS GSAP AVEC
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
COMPOSER UN COMPOSANT
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 COMMIT ET
Messages Conventional Commits, scope, description de PR et checklist de review dans Cursor. Une rule pour éviter les commits fourre-tout.
Débutant · 3 min
DÉBUGGER UNE ERREUR
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
IMPLÉMENTER UNE MAQUETTE
Passer d’une maquette Figma à du code propre avec Cursor : tokens, composants du repo, Dev Mode. Moins d’écart visuel, design system respecté.
Intermédiaire · 4 min
REFACTOR GUIDÉ AVEC
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
REVUE SEO PAGE
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
SETUP CURSOR RULES
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 SANS CASSER
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
ÉCOCONCEPTION BUDGET POIDS
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
FORMULAIRE CONTACT VALIDATION
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
Cursor