Implement timing, easing, and gesture-driven animations for mobile apps.
npx skills add https://github.com/Mte90/dotfiles --skill mobile-animation
Please help me install this Agent Skill. Skill: Mobile Animation Source: https://github.com/Mte90/dotfiles/tree/main/.config/opencode/skills/common/mobile-animation Command: npx skills add https://github.com/Mte90/dotfiles --skill mobile-animation
This Skill addresses the challenge of creating engaging and performant animations in mobile applications, ensuring a smooth and intuitive user experience.
Apply the mobile animation skill to create a 300ms slide transition for new screens using ease-out-cubic easing.
High-intent search queries and answers about installing and using this skill.
Mobile animation performance depends on animating properties that avoid layout recalculations to maintain 60fps. This Skill provides guidelines for optimizing timing, easing curves, and property selection to ensure smooth transitions without dropping frames.
You integrate mobile animations with gestures by applying motion design principles that map touch input directly to UI transitions. This Skill provides guidance on connecting swipe and touch events to micro-interactions for native-feeling feedback.
For mobile app screen transitions, standard timing typically involves a 300ms duration with an ease-out-cubic easing curve. This Skill provides standard timing curves and durations to help you create smooth, intuitive UI interactions.
Yes, this approach covers native-feeling motion design principles for platforms like Flutter, iOS, and Android. It provides guidelines for timing, easing, and performance optimization to ensure consistent mobile animation UX across environments.
Mobile animations stutter when they trigger layout recalculations instead of animating compositor-friendly properties. This Skill focuses on performance optimization by identifying which properties to animate to maintain 60fps during transitions.
MimicHunterZIntegrate native home screen widgets into Flutter apps using the home_widget package.
duylinhdang1998Diagnose and fix web and mobile performance issues using Lighthouse and Chrome DevTools.
systempromptioRoute design tasks to UX/UI sub-skills and enforce frontend-coding-standards alignment.
1vesoIntegrate CSS keyframe animations with timing and state management into HyperFrames.
