animation
Installation
SKILL.md
Animation
One animation system for all display studio sites: subtle, long-and-soft, transform/opacity only, no layout shift.
Two layers: our conventions (rules/, first-party) say what the defaults are and how to wire them; Emil's guides
(references/, vendored) say whether it feels right and how to review it.
How to use
- Read principles — the non-negotiables.
- Pick the building block you need:
- Reveal on scroll → reveal-presets
- Smooth scroll → smooth-scroll
- Route/page changes → page-transitions
- Accessibility, teardown, HMR → reduced-motion-and-cleanup
- Wire it into the project with one adapter:
- Nuxt → adapters/nuxt
- Vanilla / any other stack → adapters/vanilla
- Skim gotchas before shipping.
- For taste, review and audit, read the matching guide in
references/(table below).