Motion •
ScrollTrigger: os 8 padrões que cobrem 90% dos casos
Oito receitas de ScrollTrigger com o código mínimo de cada uma, os padrões que quase ninguém lê na doc e o que quebra quando você põe tudo dentro do React.
- gsap
- scrolltrigger
Página 5 de 6
Todos os posts
Motion •
Animação de texto: SplitText, clip-path e o que o CSS já faz
Metade dos efeitos de texto não precisa quebrar o texto em pedaços. A pergunta que separa as duas famílias, e o que o SplitText resolve que o CSS não resolve.
- motion design
- css
Motion •
View Transitions no Next.js 16: as três camadas
Uma é Baseline, outra não roda no Firefox e a terceira é experimental no React. Saber qual você está usando decide o que vai para produção.
- next.js
- react
Subagentes: quando delegar e quando não
Subagente resolve contexto verboso, não velocidade. E a precedência dele é o contrário da de skills — o que pega quem tem os dois com o mesmo nome.
- claude code
- subagentes
Motion •
GSAP, Motion ou CSS: a árvore de decisão
A pergunta mudou: metade do que exigia biblioteca hoje é CSS nativo. Os eixos que sobraram são licença, modelo de execução e o que já é nativo.
- gsap
- motion
Hooks: a única camada que garante
Um hook que nega bloqueia a ferramenta até com bypassPermissions. Hooks apertam restrição e nunca afrouxam, e é isso que os torna a camada de política.
- claude code
- hooks
Agent Skills: como escrever a sua primeira
Skill não descarrega depois de usada: o corpo entra na conversa e fica lá a sessão inteira. Isso muda como você escreve e quantas dá para instalar.
- claude code
- agent skills
Next.js •
Next.js 16: o que quebra na migração
São 21 mudanças que quebram e o codemod oficial cobre cinco. O resto derruba o build sem aviso — incluindo uma que atinge quem usa scroll suave.
- next.js
- migração
Claude Code em produção: o guia de trabalho real
Dois estudos sérios sobre agentes de código chegaram a resultados opostos. A diferença está nas cinco camadas que você monta em volta do agente.
- claude code
- agentes de ia
CLAUDE.md: anatomia de um arquivo que funciona
O CLAUDE.md não é configuração — é contexto entregue como mensagem de usuário. Entender isso muda o que você escreve nele e o que precisa virar hook.
- claude code
- claude.md
Motion •
CSS scroll-driven: o que já dá para usar sem JS
Dois dos três motores enviaram scroll-driven animations. O terceiro está atrás de flag. O que isso muda no que você pode usar em produção hoje.
- css
- motion
Motion •
GSAP grátis: o que a licença permite e o que não
GSAP virou gratuito em abril de 2025, mas não virou open source. A licença é própria, a Webflow detém a PI e existe cláusula de não-concorrência.
- gsap
- motion