Specify accessible motion specs for Flintmere surfaces with reduced-motion variants.
npx skills add https://github.com/Flintmere/flintmere --skill design-motion
Please help me install this Agent Skill. Skill: design-motion Source: https://github.com/Flintmere/flintmere/tree/main/.claude/skills/design-motion Command: npx skills add https://github.com/Flintmere/flintmere --skill design-motion
Motion specification for Flintmere surfaces to ensure accessible, predictable animations without embedding CSS or TSX in src, and with explicit prefers-reduced-motion contracts.
Sketch a motion spec for a target surface that defines timing, easing, choreography, a reduced-motion variant, and accessibility annotations.
High-intent search queries and answers about installing and using this skill.
To specify accessible motion specs, define timing, easing, and choreography for entrance, transition, and micro-interactions, while including explicit prefers-reduced-motion contracts and accessibility annotations for predictable animations.
Handle prefers-reduced-motion by creating a reduced-motion variant within your motion spec, ensuring that choreography and scroll reveals adapt to accessibility annotations without embedding CSS or TSX into src directories.
For scroll reveals and carousel advances, use explicit timing and easing parameters defined in a motion spec, ensuring predictable animations that align with accessibility annotations and reduced-motion variants.
Yes, you can generate motion specifications without writing CSS or TSX into src by producing a governance-focused spec that covers timing, easing, and choreography, emitting it into context/design/motion instead.
The best way to document micro-interactions for predictable animations is to produce a comprehensive motion spec containing timing, easing, choreography, and accessibility annotations, ensuring full coverage of entrance and transition states.
You should use a motion spec instead of directly coding CSS to ensure accessible, predictable animations through explicit prefers-reduced-motion contracts, maintaining governance by emitting specs into context/design/motion rather than src.
OlatisunkanmiCreate production-grade frontend interfaces with explicit design context and cohesive typography, color, and motion systems.
whddltjdwhdDefine reusable Framer Motion variants for Bellog UI animations.
catlog22Design and validate motion systems for UI animation and reduced-motion accessibility.
Luqman-Ud-DinDetect CSS animations and transitions lacking prefers-reduced-motion media query coverage.
