Creates WCAG-aware motion plans for CSS/JS web animations and user-triggered transitions.
npx skills add https://github.com/pbakaus/impeccable --skill animate-pbakaus
Please help me install this Agent Skill. Skill: animate Source: https://github.com/pbakaus/impeccable/tree/main/source/skills/animate Command: npx skills add https://github.com/pbakaus/impeccable --skill animate-pbakaus
Many interfaces lack meaningful motion, causing unclear feedback or hesitation. This skill helps you review a feature and augment it with purposeful animations and micro-interactions to improve usability and delight.
Describe the feature to animate and specify the desired motion goals so the skill can propose a focused, design-system-aligned motion plan.
High-intent search queries and answers about installing and using this skill.
Adding micro-interactions to UI components provides immediate user feedback through purposeful animations. This skill specializes in applying motion strategies across components and form inputs to clarify state, respecting accessibility and front-end performance budgets.
A design-system-aligned motion plan ensures consistent animation language across components for clarity and usability. You need one when adding entrance, transition, or micro-interactions to features to avoid overwhelming users and maintain design system consistency.
Implementing accessible entrance and transition animations requires respecting prefers-reduced-motion settings. This skill generates motion plans that guide user attention while maintaining accessibility-conscious motion planning for users who need reduced motion.
Yes, you can use CSS and JavaScript animations within strict performance budgets. This skill aligns proposed motion strategies with front-end implementation constraints, ensuring animations enhance user feedback without degrading performance.
UI state changes cause hesitation when interfaces lack meaningful motion to signal transitions. Adding purposeful animations and micro-interactions clarifies state changes, providing immediate visual feedback that improves usability and reduces user confusion.
Yes, this approach works for both page-level transitions and component-level controls. The skill applies motion strategies across pages, components, and interactions, proposing a focused plan that scales from button feedback to full entrance animations.
Saifeldin2401Guide CSS transitions and motion design for accessible UI components.
waynesuttonOutline targeted animation plans for UI interactions with timing, easing, and accessibility compliance.
The-Vibe-CompanyPlan and implement accessible UI animations with reduced-motion support.
AngelP17Standardize UI design with Tailwind-based design tokens and component patterns.
