genesis-os

Cria sites scroll-driven com reveal cinematográfico, um vídeo controlado quadro a quadro pelo scroll (estilo "Apple product reveal"), com texto que evolui em beats, stats colossais, galeria de cases e momento "produto flutuando". Stack Vite + GSAP ScrollTrigger + Lenis. Use quando pedirem "site com reveal", "aquele efeito de rolar e o vídeo abrir", "scroll cinematográfico", "site tipo Apple", "landing com vídeo scrubbed", "portfólio dark cinematográfico", ou mostrarem uma referência daquele gênero (vídeo/produto que se monta conforme a rolagem).

Extrai o design system de um HTML/URL/print e gera um design-system.html canônico (11 seções, anatomia replicável, regras do/dont, tokens CSS, classes .ds-*, WCAG AA, voz, versionamento) preservando 100% das classes/animações originais. Salva o DS mestre do seu OS em contexto/design-system.html e a referência extraída em contexto/design/refs/{slug}/ (com index.html + assets baixados, roda offline). Tema dark/light detectado automaticamente e confirmado. Use quando pedirem 'extrai o design system desse HTML', 'gera um style guide do site', 'cria pattern library a partir desse HTML', ou passarem URL/arquivo HTML/print pedindo documentação visual.