What problem does it solve? LLM-generated landing pages tend to repeat the same narrow layouts, produce 6-line wrapped headings, leave empty gaps in bento grids, and use cheap meta-labels. This Skill enforces a rigorous design system that breaks those defaults and produces varied, motion-rich, editorial-quality UI. ## Core Features & Use Cases - Deterministic Layout Randomization: Simulates a Python RNG seeded by prompt length to select hero architecture, typography stack, components, and GSAP paradigms, preventing repeated layouts. - Strict Layout Rules: Enforces AIDA page structure, 2-3 line H1 limits with wide containers, gapless bento grids via grid-flow-dense, and massive section spacing. - Advanced GSAP Motion: Requires ScrollTrigger pinning, scrubbing text reveals, card stacking, and image scale/fade scroll effects in every page. - Use Case: Ask for a landing page for a SaaS product and receive a React/Tailwind page with a cinematic hero, dense bento feature grid, pinned scroll sections, and a pre-flight design plan verifying all constraints. ## Quick Start Ask the agent to build a landing page for your product and it will output a design plan followed by the full React and GSAP code.
