Landing pages with editorial layouts and scroll-driven motion.
Guides the creation of landing pages with wide typography, gapless grids, and scroll-driven motion.
When to use it
Use when building a high-variance landing page with editorial typography, non-generic layouts, and GSAP-style motion.
It changes how the agent builds landing-page UI by requiring a design plan and layout, typography, grid, and animation checks before implementation.
What you provide
Requires real GSAP animation using @gsap/react and ScrollTrigger.
Requires Tailwind's grid-flow-dense utility on every bento grid.
This skill
picsum.photos
Loads images from picsum.photos