gpt-taste

What problem does it solve?

This Skill eliminates generic, cramped, and motionless web layouts by enforcing cinematic spacing, deterministic layout variation, gapless bento grids, and advanced GSAP interactions so teams can deliver award-quality frontend experiences.

Core Features & Use Cases

• Deterministic Python-driven randomization: Simulates a seeded Python RNG to pick hero architecture, typography stacks, component sets, and GSAP paradigms so designs vary reproducibly and never default to the same layout.
• AIDA structure with strict spacing: Enforces Navigation, Attention (Hero), Interest (Bento Grid), Desire (GSAP-driven scroll/media), and Action (massive CTA/footer) with oversized vertical padding to create cinematic chapters.
• Gapless bento grids and advanced motion: Applies grid-flow-dense math for zero empty cells, strict col/row span verification, Tailwind utility patterns, and GSAP ScrollTrigger patterns including pinning, scrubbing text reveals, image scale/fade, and card stacking.
• Use Case: Frontend designers and engineers building marketing pages, editorial layouts, and product launches that require precise typographic constraints, high-density grids, and production-grade motion systems.

Quick Start

Build a cinematic landing page by issuing a request that asks for the required pre-flight <design_plan>, deterministic Python selection results, and React + Tailwind components wired with GSAP ScrollTrigger per the gpt-taste directives.