10xequity Motion Design Skill
Purpose
Create and evaluate website motion strategies that improve mood, clarity, and perceived polish.
When to use
Use this skill when planning animations, micro-interactions, or transitions for websites or product pages.
Inputs
- page or component context
- animation goal
- motion style preference
- performance constraints
Output
Return:
- animation recommendations
- suggested transition timings
- interaction behavior guidance
- accessibility and performance notes
Constraints
- avoid distracting or overly heavy motion
- prioritize usability and performance
- keep the motion consistent with brand tone
Examples
- Plan entrance animations for a landing page
- Recommend micro-interactions for a navigation menu
- Improve how a pricing card transitions on hover