CoolLanding

Premise

This skill does not produce one look. It produces a different look every time, by forcing the agent to:

1. Diagnose the brand, audience, and emotional target.
2. Pick one Style World from references/style-worlds.md (cinematic-dark, editorial-interference, ritual-craft, spatial-architecture, festival-kinetic, papercraft-tactile, luxury-alcove, generative-system).
3. Compose 2–4 Mechanics from references/mechanics-library.md that fit that world (not the same combo used last time).
4. Invent one Signature Mechanic that nobody else has — the one thing this brand owns.
5. Verify the result is unique, readable, and on-brand.

The output is never "the CoolLanding style". The output is a page only that brand could ship.

Read references/style-worlds.md, references/mechanics-library.md, references/composition-strategy.md, and references/anti-template-rules.md before composing. When the user asks for reference-grade parity or "as close as possible" animation, also read references/kinetic-parity.md (the entrance + pointer + scroll + local-state + renderer proof ladder). When you generate illustrations, also read references/asset-isolation.md and use the bundled asset scripts (scripts/asset_prompt.py, scripts/chroma_cut.py, scripts/preview_cutouts.py) for chroma-backdrop prompting, keying, autocrop, and halo review. When you build a WebGL/3D/particle hero, read references/webgl-animation.md (the GPU-particle + bloom + smooth-scroll recipe distilled from the reference sites' shipped code).

Workflow

1. Ground the brief