Fixing Motion Performance
Find layout thrashing, costly animated properties, and scroll-linked bottlenecks.
Animate
Choose whether to animate, then implement timing, interruption, and reduced motion.
The editorial verdict
Where it earns its place.
A focused construction workflow for purposeful interface motion. It makes the agent justify movement before choosing a tool, curve, duration, and interruption behavior. The strict timing preferences are a useful starting point, but a real interaction still needs a visual and device check.
Reach for it when
- Adding a purposeful transition to a web interface
- Motion that must handle interruption and reduced-motion preferences
Think twice if
- You are building React Native motion
- You want an audit of the whole codebase instead of implementation
Before you install
Compatibility & contents.
- Claude Code
- partial
- Cursor
- partial
- Codex
- partial
- Gemini CLI
- partial
- GitHub Copilot
- partial
- License
- MIT
- Bundled scripts
- None found
- Hooks
- None found
Native: documented support. Partial: setup or adaptation may be needed. Not verified: the source has not established this fact. “None found” describes the inspected skill, not a security audit. Read the methodology.
Source context
The repository, in numbers.
Source: GitHub / emilkowalski/skills. Repository totals may be shared by several skills. Snapshot fetched ; these are not live counts. Check the snapshot date for freshness. Popularity is not a measure of design quality.
Watch the overlap.
No conflicts are recorded. This does not establish that every combination has been tested.