What problem does it solve? LLM-generated landing pages suffer from predictable flaws: narrow containers causing 6-line wrapped headings, empty gaps in bento grids, cheap meta-labels, invisible button text, and repetitive layouts. This Skill enforces a rigorous design engineering process that eliminates these defaults. ## Core Features & Use Cases - Deterministic Layout Randomization: Simulates Python-based seeded randomization to select hero architectures, typography stacks, components, and GSAP paradigms, preventing repetitive outputs. - Strict Layout Rules: Enforces wide H1 containers (2-3 line maximum), gapless bento grids via grid-flow-dense, massive section spacing, and AIDA page structure. - Advanced GSAP Motion: Implements scroll pinning, scrubbing text reveals, card stacking, and image scale/fade effects with real GSAP ScrollTrigger code. - Use Case: Ask for a landing page for a SaaS product and receive a cinematic hero, dense bento feature grid, pinned scroll sections, and a high-contrast CTA footer with a mandatory pre-flight design plan verifying all constraints. ## Quick Start Ask the agent to design and build a landing page for your product using this skill's design engineering rules.
