...
npx skills add https://github.com/nielpattin/.pi-tnega --skill animate-nielpattin
Please help me install this Agent Skill. Skill: animate Source: https://github.com/nielpattin/.pi-tnega/tree/main/skills/animate Command: npx skills add https://github.com/nielpattin/.pi-tnega --skill animate-nielpattin
Review a feature and strategically add animations and micro-interactions that enhance understanding, provide feedback, and create delight.
Analyze a feature and propose a focused, purpose-driven animation plan that improves usability while honoring accessibility constraints.
High-intent search queries and answers about installing and using this skill.
UI animations and micro-interactions can be added safely by creating a design plan that includes accessible fallbacks and respects prefers-reduced-motion preferences to ensure usability for all users.
The best way to plan motion design is to define a cohesive strategy covering entrance, transitions, and micro-interactions that clarifies relationships, improves feedback, and guides user attention across components.
Micro-interactions improve usability in forms and modals by providing immediate visual feedback, communicating component state changes, and smoothing transitions, which clarifies relationships and guides user attention effectively.
Prefers-reduced-motion fallbacks should be used whenever you add purposeful animation to user interfaces, ensuring that users who disable motion still receive clear state feedback without animated transitions.
Yes, a design brief is required to strategically identify where motion can clarify relationships and guide attention, ensuring the animations enhance understanding and delight rather than acting as decoration.
An animation strategy feels disconnected when it lacks a cohesive plan detailing entrance, transition, and micro-interaction guidelines, which are necessary to create smooth, purposeful motion across all interface elements.
kihyun1998Plan and implement entrance, hover, and state-change animations using CSS transforms and opacity.
mmartinsolivDesign UI animations with transform and opacity effects and reduced-motion fallbacks.
hossain-khanEnhance UI features with purposeful animations and micro-interactions.
gileckProvide iOS-inspired UI design guidelines for web and mobile interfaces.
