home/categories/frontend/dylantarre-design-system-skills-skills-tokens-motion-scale-skill-md
frontenddevelopment

motion-scale

Generates animation duration, easing curves, and delay tokens with prefers-reduced-motion support. Use when creating transition timing, animation speed, or motion systems. Outputs CSS, Tailwind, or JSON.

dylantarre
maintainer
dylantarre
Updated 12/30/2025
Stars
3
Forks
0
quick start

Installation and usage

Generates animation duration, easing curves, and delay tokens with prefers-reduced-motion support. Use when creating transition timing, animation speed, or motion systems. Outputs CSS, Tailwind, or JSON.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use motion-scale