# Animation Patterns

> Adding motion, CSS/JS transitions, scroll-triggered effects, micro-interactions, page load choreography, or any dynamic visual behavior to a frontend. Use this skill whenever the user mentions animations, transitions, scroll effects, parallax, hover states, loading sequences, or "make it feel alive." Always check toolkits/css/animations/ and toolkits/js/ and moodboard/animations/ first.

## Facts
- Page: https://tashan.sh/capability/skill-smartrickpicks-animation-patterns
- tashan id: skill:smartrickpicks/animation-patterns
- Source: https://github.com/smartrickpicks/substrate-bk-airlock-skills-library
- Type: skill
- Category: design
- tashan score: not scored (catalogued only — too little public evidence)
- Adoption: 9.0
- Upkeep: not measured
- Freshness: not measured
- Evidence coverage: not measured
- Health: not measured
- Instruction depth: not yet graded
- Official: no

## Install

```sh
cp -r animation-patterns ~/.claude/skills/
```

## Security audit
Not scanned. We audit npm-published capabilities; this one has no npm package we can resolve, or has not reached the queue. This is not a clean bill of health.

---
Measured 2026-08-05 by tashan (https://tashan.sh) from public evidence. Scorer s5.