Menu
Motion design principles for mobile apps. Covers timing curves, transitions, gestures, and performance-conscious animations.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Foundational "High-Density" standard for token-optimized agent instructions and CLI-based automated activation.
Universal principles for clean, maintainable, and robust code across all environments.
Standards for performing high-quality, readable code reviews.
Essential rules for code comments, READMEs, and technical documentation.
CRITICAL - Before ANY file write, audit loaded skills for violations. Auto-report via feedback command.
Universal standards for version control, branching, and team collaboration.
| name | Mobile Animation |
| description | Motion design principles for mobile apps. Covers timing curves, transitions, gestures, and performance-conscious animations. |
| metadata | {"labels":["mobile","animation","motion","transitions","ux"],"triggers":{"files":["**/*_page.dart","**/*_screen.dart","**/*.swift","**/*Activity.kt","**/*Screen.tsx"],"keywords":["Animation","AnimationController","Animated","MotionLayout","transition","gesture"]}} |
Native-feeling motion design. Optimize for 60fps and platform conventions.
Curves.fastOutSlowIn (Material) or easeInOut (iOS). Avoid linear.transform (Scale/Translation) and opacity. Avoid width/height.onPan / interactivePopGesture for fluid UX.FadeTransition / SlideTransition over AnimatedBuilder for simple cases.dispose() AnimationControllers.mobile-ux-core | mobile-performance | flutter/animations