Carrossel Pixel Crew
Exemplo: projects/ai-meta-ads-team. O conteúdo fica em slides.js
(window.DECK); layouts e animação em slide.js; estilos em kit/carousel.css.
Passos
node scripts/new.mjs carrossel <nome>- Reescreva
slides.js:brand(nome, tagline, handle, palavra-chave) eseries(exibido em todo cabeçalho).steps: um rótulo curto por funcionário (exibido na capa e no stepler inferior).- Tipos de slide:
capa,funcionario(×N),loop,cta. Mantenha ≤ 10 slides. - Campos do funcionário:
color(r1…r7),name,dept,line(uma frase),prop(magnifier,pencil,wrench,rocket,sliders,chart,chat),status(≤ 24 caracteres),skills(4 ×[icone, titulo, descricao], descrição ≤ 34 caracteres),tools(4 ×["glyph:infinity" | "icon:<nome>", rotulo, cor]),delivers(4 itens curtos),flow(3 ×[titulo, descricao]). - Ícones: veja os nomes em
kit/sprites.js(mapaP) e glifosinfinity,camera,note,alien.
node scripts/carrossel.mjs projects/<nome> --pnge leia os PNGs (dois lado a lado é mais rápido). Corrija transbordamento encurtando o texto, não diminuindo a fonte.node scripts/carrossel.mjs projects/<nome>para PNG + MP4 emrenders/<nome>/.
Publicação: envie os PNGs (ou MP4s para movimento) em ordem; adicione música no aplicativo do Instagram.