Enforce compositor-safe properties and reduced-motion policies for UI transitions.
npx skills add https://github.com/KyaniteLabs/tastecheck --skill micro-motion
Please help me install this Agent Skill. Skill: micro-motion Source: https://github.com/KyaniteLabs/tastecheck/tree/main/skills/micro-motion Command: npx skills add https://github.com/KyaniteLabs/tastecheck --skill micro-motion
This skill addresses the common issue of UI motion that feels decorative, sluggish, or inaccessible, ensuring that every animation serves a clear functional purpose while maintaining high performance.
Apply the micro-motion skill to define a 220ms ease-out entrance transition for the new navigation menu using the provided CSS tokens.
High-intent search queries and answers about installing and using this skill.
Performant UI animation requires using compositor-safe CSS properties like transform and opacity to maintain 60fps smoothness. This skill provides motion tokens and patterns that enforce these properties, preventing layout jank during transitions.
A reduced-motion contract enforces accessibility compliance by respecting user preferences without breaking the interface. This skill implements robust policies that automatically adjust or disable UI animation choreography based on system accessibility settings.
Semantic duration tokens are standardized values used to choreograph consistent CSS animation timing. Use them when building frontend transitions, feedback loops, or staggered content reveals to ensure premium, responsive interaction design.
Staggered list reveals cause layout jank when animating non-compositor-safe CSS properties. This skill standardizes UI motion choreography by enforcing transform and opacity usage, ensuring complex dashboard transitions remain smooth and performant.
Non-linear easing curves are required for premium frontend interaction design. This skill provides predefined motion tokens that apply these curves alongside semantic durations to ensure transitions feel natural and responsive.
Micro-motion works without external dependencies for frontend development tasks. It relies solely on internal references and assets to standardize UI motion choreography, enforcing accessibility-first reduced-motion policies and compositor-safe property usage.
saajunaidGenerate and validate design tokens as CSS variables across three-layer architectures.
himanshu231204Automate post-deployment visual, interaction, and accessibility validation of live web pages.
vladimir-shirmanovPlan accessible UI animations with timing, easing, and reduced-motion support.
Logisoft-webImplement shaders, physics-based animations, and cinematic transitions with WebGL, CSS, and JavaScript.
