Carrousel Pixel Crew
Exemple : projects/ai-meta-ads-team. Le contenu se trouve dans slides.js
(window.DECK) ; les mises en page et animations dans slide.js ; les styles dans kit/carousel.css.
Étapes
node scripts/new.mjs carrousel <nom>- Réécrire
slides.js:brand(nom, tagline, handle, mot-clé) etseries(affiché dans chaque en-tête).steps: un court intitulé par employé (affiché sur la couverture et dans le stepper en bas).- Types de diapositive :
cover,employee(×N),loop,cta. Ne pas dépasser 10 diapositives. - Champs employé :
color(r1…r7),name,dept,line(une phrase),prop(magnifier,pencil,wrench,rocket,sliders,chart,chat),status(≤ 24 caractères),skills(4 ×[icône, titre, description], description ≤ 34 caractères),tools(4 ×["glyph:infinity" | "icon:<nom>", étiquette, couleur]),delivers(4 éléments courts),flow(3 ×[titre, description]). - Icônes : voir les noms dans
kit/sprites.js(tableauP) et les glyphesinfinity,camera,note,alien.
node scripts/carousel.mjs projets/<nom> --pnget lire les PNG (deux côte à côte est le plus rapide). Corriger les débordements en raccourcissant le texte, pas en réduisant la taille de la police.node scripts/carousel.mjs projets/<nom>pour PNG + MP4 dansrenders/<nom>/.
Publication : télécharger les PNG (ou MP4 pour l'animation) dans l'ordre ; ajouter de la musique dans l'application Instagram.