Outil · Automatisation
Agent de génération de previews
Un agent Node qui surveille les maquettes et génère leurs captures tout seul, à chaque modification.
Problème
À chaque retouche d'une maquette, refaire les captures à la main est lent et incohérent. Il fallait des aperçus toujours à jour.
Approche
Un agent Node.js : chokidar surveille les dossiers, et à chaque changement Puppeteer ouvre la page en headless et génère un PNG propre et cadré.
Difficultés résolues
- Pas de captures en double : debounce des événements fichiers.
- Rendu fidèle : viewport fixe, attente du chargement complet avant capture.
- Robustesse : file d'attente pour ne pas lancer dix Chromium en parallèle.
Résultat
Les visuels de maquettes de ce portfolio sont produits par cet outil. Pertinent pour une agence qui veut industrialiser ses previews.
