WebGL Landing Steering Skill

Use this skill to steer outcomes

Map landing-page goal to WebGL direction before writing code.

1) Define the page intent

Identify the primary conversion and brand signal:

• Premium / luxury / minimal confidence
• Technical / infrastructure / data authority
• Playful / consumer / social energy
• Cinematic / launch / storytelling impact

Also capture:

• Device mix (desktop-heavy vs mobile-heavy)
• Motion tolerance (prefers-reduced-motion policy)
• Production constraints (deadline, team skill, maintenance budget)

2) Choose the WebGL lane

Pick one dominant lane; avoid mixing 3-4 heavy effects in the hero.