Fixing Motion Performance

ibelick

Find expensive animation patterns without replacing your animation stack.

Overview

A review skill for animation work involving layout measurement, scroll behavior, paint-heavy effects, and layer management. It helps an agent explain which rendering work an effect triggers and suggest a smaller change within the current implementation.

A good fit for

Investigating a transition or scrolling effect that feels slow on a real device.

Keep in mind

Use browser profiling to confirm a bottleneck and the effect of a change. Code patterns alone do not prove a performance improvement.

Example prompt

After installing, paste this into your agent and make it your own.

Use fixing-motion-performance to review the animated navigation. Identify repeated layout reads and costly effects. Propose a change we can verify in a performance recording.

Source & details

Read the original SKILL.md
Publisher
ibelick / UI Skills
License
MIT
Source checked

We reviewed the upstream instructions and install source. Agent outputs have not been benchmarked. Review the changes and test your interface before shipping.

Visit resource