Plan purposeful animations for web and mobile interfaces with accessibility constraints.
npx skills add https://github.com/luisartola/findes --skill animate-luisartola
Please help me install this Agent Skill. Skill: animate Source: https://github.com/luisartola/findes/tree/main/.github/skills/animate Command: npx skills add https://github.com/luisartola/findes --skill animate-luisartola
Review and transform an existing feature by adding purposeful animations, micro-interactions, and motion effects that improve usability, feedback, and user delight.
Analyze a feature to propose a deliberate animation plan and a practical implementation outline.
High-intent search queries and answers about installing and using this skill.
To plan UI animations, analyze the feature to define a single hero moment, necessary transitions, and supportive micro-interactions. This structured approach ensures motion enhances usability and user feedback rather than acting as decoration.
Micro-interactions in UX design are small, purposeful animations that provide immediate visual feedback for user actions. They guide users through state changes and improve overall usability without overwhelming the interface.
Design accessible web animations by respecting the prefers-reduced-motion media query to minimize or remove movement for sensitive users. Ensure your motion strategy includes performance budgets to maintain 60fps for a smooth experience.
Yes, you can apply motion design to mobile interface planning. The process involves reviewing the mobile feature to identify opportunities for transitions and feedback animations while adhering to accessibility constraints.
Avoid adding animations when they exceed performance budgets, drop below 60fps, or fail to provide clear guidance and feedback. If motion triggers accessibility issues without a prefers-reduced-motion fallback, it should be omitted.
The best way to conduct a motion audit is to review an existing feature and identify where feedback and state changes can be enhanced. You then propose a deliberate animation plan covering hero moments and micro-interactions.
puripong1stPlan and apply purposeful animations to frontend UI elements with accessibility considerations.
ugudladoPlan and implement CSS and JavaScript animations for user interfaces.
kubermaticPlan entrance, micro-interaction, and state-transition animations within performance and accessibility constraints.
santychuycomReview interfaces and implement CSS and JavaScript animations across interaction layers.
