Carrusel Pixel Crew
Ejemplo: projects/ai-meta-ads-team. El contenido vive en slides.js
(window.DECK); los diseños y la animación en slide.js; los estilos en kit/carousel.css.
Pasos
node scripts/new.mjs carousel <nombre>- Reescribe
slides.js:brand(nombre, eslogan, handle, palabra clave) yseries(se muestra en cada encabezado).steps: una etiqueta corta por empleado (se muestra en la portada y en el stepper inferior).- Tipos de diapositiva:
cover,employee(×N),loop,cta. Mantén ≤ 10 diapositivas. - Campos de empleado:
color(r1…r7),name,dept,line(una oración),prop(magnifier,pencil,wrench,rocket,sliders,chart,chat),status(≤ 24 caracteres),skills(4 ×[icono, título, descripción], descripción ≤ 34 caracteres),tools(4 ×["glyph:infinity" | "icon:<nombre>", etiqueta, color]),delivers(4 elementos cortos),flow(3 ×[título, descripción]). - Íconos: consulta los nombres en
kit/sprites.js(mapaP) y glifosinfinity,camera,note,alien.
node scripts/carousel.mjs projects/<nombre> --pngy lee los PNGs (dos lado a lado es lo más rápido). Corrige el desbordamiento acortando el texto, no reduciendo el tamaño de la fuente.node scripts/carousel.mjs projects/<nombre>para PNG + MP4 enrenders/<nombre>/.
Publicación: sube los PNGs (o MP4s para movimiento) en orden; añade música en la aplicación de Instagram.