# Animation Skill Quick Context

Use this file to decide which fragments to read next.

## Timing and easing

Use for duration, responsiveness, easing curves, and choosing between product and marketing motion.

- Practical Animation Tips: /md/lessons/animation-theory/practical-animation-tips.md
- Spring animations: /md/lessons/animation-theory/spring-animations.md
- The Easing Blueprint: /md/lessons/animation-theory/the-easing-blueprint.md
- Timing and purpose: /md/lessons/animation-theory/timing-and-purpose.md

## Performance

Use for `transform`/`opacity`, dropped frames, hardware acceleration, React re-render costs, and layout-heavy animation risks.

- Practical Animation Tips: /md/lessons/animation-theory/practical-animation-tips.md
- Transforms: /md/lessons/css-animations/transforms.md
- Performance: /md/lessons/good-vs-great-animations/performance.md

## Accessibility

Use for reduced motion, autoplaying media fallbacks, and smooth-scrolling decisions.

- Timing and purpose: /md/lessons/animation-theory/timing-and-purpose.md
- Multi-step component: /md/lessons/framer-motion/multi-step-component.md
- Accessibility: /md/lessons/good-vs-great-animations/accessibility.md

## Interaction design

Use for contextual surfaces, origin-aware motion, onboarding flows, popovers, drawers, and interruptible gestures.

- Feedback popover: /md/lessons/framer-motion/feedback-popover.md
- Multi-step component: /md/lessons/framer-motion/multi-step-component.md
- Trash interaction: /md/lessons/framer-motion/trash-interaction.md

## Taste and review

Use for polishing, sequencing, brand feeling, and reviewing motion that technically works but still feels off.

- Animations and AI: /md/lessons/animation-theory/animations-and-ai.md
- Practical Animation Tips: /md/lessons/animation-theory/practical-animation-tips.md
- Taste: /md/lessons/animation-theory/taste.md
- The big little details: /md/lessons/good-vs-great-animations/the-big-little-details.md