Académie
Chargement…
STRUCTURER UNE BASE
Modélisez une base Airtable missions : clients, projets, jalons et KPI. Tables liées, vues filtrées et sync Make sans doublon pour PM et direction d’agence.
Débutant · 4 min
PILOTER LA LIVRAISON
Configurez des vues kanban Airtable par statut jalon ou lot de livraison. Filtres, couleurs et pilotage agence : complément ClickUp pour PM et direction.
Débutant · 4 min
WORKFLOW DE LIVRAISON
Statuts ClickUp alignés sur vos phases web : cadrage, design, dev, recette et MEP. Workflows par List, héritage Space et lisibilité pour PM et client.
Intermédiaire · 4 min
TEMPLATES POUR MISSIONS
Templates ClickUp réutilisables par mission web : brief, recette, MEP. Checklists, champs custom et sous-tâches standardisées pour ouvrir un projet rapidement.
Débutant · 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
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
AUDIT CONTRASTE ACCESSIBILITÉ
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
COMPOSANTS RÉUTILISABLES POUR
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
DESIGN TOKENS VERS
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
GRILLE RESPONSIVE FIGMA
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
HANDOFF DEV SPECS
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
Cursor