Page 4 of 4
The componentized architecture of the Studio Modular site: gated modules, native scroll and cutting-edge CSS, in 15 motion patterns with ready-made prompts.
The per-section state architecture of the Beetogreen site, with minimal GSAP, maximal CSS and replay by key, in 16 motion patterns with ready-made prompts.
GSAP, Framer Motion and Embla on the same site without fighting: the 17 motion patterns of the InterGest Canada site in Next.js, each with a ready-made prompt.
Three redesign stacks with a design reference, redone once DESIGN.md and the motion guide existed: what each got right, what broke and the prompt at each step.
Motion •
Scroll, text, images and video: the complete catalog of motion techniques for the web, with implementation in Next.js and the cases where each one pays off.
From analyzing the skills catalog to running six competing stacks on the Instituto +Brasal redesign, with every prompt used and what each stack delivered.
Three Claude Code skill stacks for writing articles that rank on Google and get cited by AI: research, drafting and review, with the role of every skill.
Infra •
Every push becomes a live site with no hosting panel involved: connecting GitHub to Hostinger, the build settings that break and the checks after each deploy.
The scroll foundation that, when missing, keeps the animations from working at all: Lenis, GSAP and Next.js wired in the right order and the mistakes to avoid.
