$ loading_
Turn motion design principles into actionable guidance for UI and AI agents.
Copy the install command and let the AI configure it · recommended for beginners
No copy-paste install info for "motion-design-skill" yet — see the docs or source repo.
Based on motion design principles, create UI motion guidelines for a mobile finance app. Cover duration, easing, hierarchy transitions, and feedback animations, and provide rules ready for design and engineering handoff.
A structured UI motion spec with parameter recommendations, use cases, and implementation rules.
Combine Disney animation principles with modern UI motion to design motion strategies for an AI assistant while thinking, responding, failing, and completing tasks. Keep it natural, unobtrusive, and easy to understand.
A motion system for AI assistant state changes, explaining timing, feedback, and rationale for each state.
Turn these motion principles into an implementation-ready frontend guide: microinteraction duration, spring easing, list reordering, modal transitions, and loading feedback. Include CSS or frontend animation recommendations.
A frontend-focused motion implementation guide with parameter ranges, code suggestions, and caveats.
Give AI coding agents design direction, UI code guidance, and critique.
Analyze game design, structure concepts, and evolve AI workflows with evidence.
Turn AI into a senior UX/UI architect for tokens, components, and accessible code.
Build reusable UI animations and transitions for React and Next.js products.
Build a motion foundation for React/Next.js with safe, accessible performance rules.
Build advanced motion, gestures, and animation sequences in React and Next.js.