Refactor guidé avec @codebase dans Cursor
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
Académie
Chargement des ressources…
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
Pré-auditez contrastes, tailles et états focus dans Figma avant dev. Plugins, checklist RGAA et traçabilité pour aligner design et recette HTML finale.
Débutant · 4 min
Construisez composants maîtres, variantes et propriétés Figma alignés sur votre lib React. Auto-layout et documentation pour un handoff sans ambiguïté.
Intermédiaire · 4 min
Exportez variables Figma (couleurs, spacing, typo) vers custom properties CSS ou Tailwind. Nommage sémantique, modes light/dark et discipline de PR tokens.
Intermédiaire · 4 min
Définissez grilles, breakpoints et contraintes Figma pour un handoff responsive CSS/Tailwind cohérent. Container, gutters et frames par viewport documentés.
Intermédiaire · 4 min
Exploitez Figma Dev Mode pour un handoff fiable : inspection composants, tokens, assets et annotations. Guide designers et dev front en projet agence web.
Intermédiaire · 4 min
Documentez chaque composant design system dans Notion : lien Figma, props, accessibilité, statut dev. Process structuré avec option Make pour les rappels.
Intermédiaire · 4 min
Prototypage du tunnel achat : PLP, fiche produit, panier, checkout. Interactions, états erreur, tests utilisateur et validation client avant intégration.
Intermédiaire · 4 min