Os 5 prompts que uso pra criar sites cinematográficos no Claude Code 🎬 A maioria dos devs usa IA pra montar site. Eu uso pra dirigir. Aqui os prompts exatos que uso em cada etapa: → 01. A base que não deixa o Claude adivinhar: “Cria um projeto Next.js com Tailwind. Instala GSAP, ScrollTrigger e Lenis. Cria o CLAUDE.md com a regra: toda animação usa Lenis no scroll e GSAP no movimento. Não escreve nenhum componente ainda.” → 02. O hero cinematográfico: “Cria um hero fullscreen com vídeo em loop no background, texto grande em reveal com GSAP e um scroll indicator que some ao descer. Tipografia tem que criar tensão antes da primeira palavra aparecer.” → 03. O scroll que parece câmera: “Cria uma seção com pin scroll usando ScrollTrigger. Elementos entram em sequência com timing de 0.2s entre cada um. Usa ease power3.out. O scroll tem que parecer controlado por câmera.” → 04. Quando a animação quebra no mobile: “Essa animação GSAP tá pulando no mobile. Lê o CLAUDE.md, verifica se o Lenis tá em conflito com o ScrollTrigger e corrige sem mudar o visual do desktop.” → 05. O prompt que transforma site bonito em obra 🔥 “Revisa todas as animações do projeto. Qualquer coisa que entrar ou sair em menos de 0.6s, aumenta. Qualquer ease que não seja power3 ou expo, substitui. Sites cinematográficos são lentos com intenção.” 💬 Comenta PROMPT aqui embaixo que te mando todos esses prompts completos + as skills que uso nos meus projetos direto no inbox. #claudecode #ia #webdesign #claudecode #antigravity - @rafha.ia