UI Skills motion performance

Workflow

Ibelick’s motion-performance skill reviews CSS and JavaScript animation for layout thrashing, scroll-linked work, filters and measurement patterns within the existing stack.

Run this command in your project after reviewing the instructions and access terms. Install complete upstream directories to keep referenced rules and scripts.

npx skills add https://github.com/ibelick/ui-skills/tree/747a47fdb6b405e5cbf268f7c410123930455157/skills/fixing-motion-performance --skill fixing-motion-performance --agent claude-code

Project file: .claude/skills/fixing-motion-performance/SKILL.md

This brief helps you choose the skill. Read the complete upstream SKILL.md and companion files for its actual instructions.

# UI Skills motion performance (ibelick-motion-performance)
Ibelick’s motion-performance skill reviews CSS and JavaScript animation for layout thrashing, scroll-linked work, filters and measurement patterns within the existing stack.

## Use when
- Investigate a stuttering animation or review motion-related source.

## Required inputs
- Animation code and performance symptoms
- Target device and available profiling evidence

## Prerequisites
- A runnable animation and its source.
- Browser or device profiling is required to confirm improvements; no library migration is implied.

## Expected outputs
- Concrete motion-performance findings
- Targeted fixes and follow-up measurements

Source: https://github.com/ibelick/ui-skills/blob/747a47fdb6b405e5cbf268f7c410123930455157/skills/fixing-motion-performance/SKILL.md
Full SKILL.md: https://agenttaste.dev/skills/ibelick-motion-performance/SKILL.md

## Popularity evidence
- 9,877 GitHub repo stars — ibelick/ui-skills; checked 2026-10-20. Source: https://github.com/ibelick/ui-skills/stargazers
Adoption counts are not user ratings or guarantees of quality.