Animate
Takes a static UI and systematically adds purposeful animations across entrance effects, micro-interactions, state transitions, and navigation flows. It identifies missing feedback opportunities, plans animation strategy by impact, then implements everything from button hover states to page load choreography. Includes specific timing guidelines (100-150ms for feedback, 200-300ms for state changes), modern easing curves that actually feel good, and proper accessibility handling for reduced motion preferences. Good for when your interface works but feels lifeless, or when you need to add polish without overdoing it. Focuses on GPU-accelerated properties and 60fps performance rather than flashy effects.
- installs
- 81.7K
- GitHub stars
- 89.4K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add pbakaus/impeccable --skill animate --agent claude-codeInstalls into .claude/skills of the current project.
Files
Takes a static UI and systematically adds purposeful animations across entrance effects, micro-interactions, state transitions, and navigation flows. It identifies missing feedback opportunities, plans animation strategy by impact, then implements everything from button hover states to page load choreography. Includes specific timing guidelines (100-150ms for feedback, 200-300ms for state changes), modern easing curves that actually feel good, and proper accessibility handling for reduced motion preferences. Good for when your interface works but feels lifeless, or when you need to add polish without overdoing it. Focuses on GPU-accelerated properties and 60fps performance rather than flashy effects.
Browse the repository on GitHubSponsors
Details
- Repository
- github.com/pbakaus/impeccable
- Categories
- Git & Pull Requests, Code Review & Quality, Design & UI/UX
