Strategic animation and micro-interaction enhancement for improved usability and delight. Guides systematic assessment of animation opportunities across feedback, transitions, entrance effects, and delight moments, with mandatory accessibility support for prefers-reduced-motion Provides timing recommendations (100–800ms by purpose), GPU-accelerated easing curves, and anti-patterns to avoid (bounce/elastic effects, layout property animations, animation fatigue) Covers implementation across CSS transitions, @keyframes, JavaScript Web Animations API, and Framer Motion, with performance optimization for 60fps on target devices Requires frontend-design skill context and performance constraints before proceeding; includes detailed patterns for buttons, forms, state changes, navigation, and delight moments
Install
Add to Contextium Workspace
Sign up free to add this skill to your workspace and sync it across Claude, Cursor, VS Code, and more.
Install via CLI
Run this command to install directly into your Contextium workspace.
contextium skill get pbakaus-animate
New to the CLI? npm install -g @contextium/[email protected] then contextium login
Is this yours?
This listing was imported from skills.sh under the handle @@pbakaus. If you created this, you can claim it and take ownership of the listing.