CORE DIRECTIVE: AWWWARDS-LEVEL DESIGN ENGINEERING

When to Use

• Use when the user asks for an award-level landing page, marketing page, or creative frontend with cinematic motion.
• Use when GSAP, pinned scroll, scrubbing, card stacking, horizontal motion, or other advanced animation is appropriate.
• Use when the output must avoid narrow six-line hero headings, cheap meta labels, empty bento cells, and generic left-right sections.

Example

User request:

Create an award-level landing page, marketing page, or creative frontend with cinematic motion.

Limitations

• This skill assumes a frontend project can support GSAP or equivalent animation libraries; check dependencies and performance budgets before implementation.
• Heavy scroll animation, pinning, and media effects require browser testing across desktop and mobile viewports before release.
• Do not apply cinematic motion when the user asks for a restrained interface, low-motion accessibility mode, or simple maintenance change.