What problem does it solve? Generic AI-generated websites often look templated, use dishonest placeholder assets, and ship broken motion or accessibility. This Skill enforces a disciplined art-direction, asset, motion, and validation workflow so marketing, editorial, portfolio, and landing pages reach a distinctive, cohesive quality bar. ## Core Features & Use Cases - Art Direction First: Defines a visual thesis, type hierarchy, color system, and motion narrative before any code is written, extracting only high-level traits from user references without copying them. - Honest Asset System: Mandates original or properly licensed imagery, real photo avatars, Solar icons via Iconify, and truthful logo usage with provenance tracking. - Choreographed Motion: Uses GSAP with exactly one smooth-scroll engine (Lenis or Locomotive Scroll), word-by-word heading reveals, and full prefers-reduced-motion fallbacks. - Purposeful Three.js: Adds WebGL shaders only when they serve the concept, with DPR caps, disposal of GPU resources, and static poster fallbacks. - Use Case: A founder asks for a cinematic product landing page; the Skill produces a complete semantic page with a composed hero intro, scroll-choreographed sections, accessible split text, and a validated production build. ## Quick Start Ask the agent to build an Awwwards-quality landing page for your product with a motion-rich hero and scroll-driven section reveals.
