Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nexu-io/gradient-text
Give one short headline quiet premium emphasis: a slow on-brand gradient drifts through the type. One phrase per view; never body copy (readability). Pure CSS; falls back to a solid brand color under prefers-reduced-motion.
Passed 22 of 22 test cases with the skill, and 8 of 22 without it.
and 15 more in the full report
14 fixed8 passed either way0 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 14 test cases the skill fixed. Same model, same prompt, with and without the skill.
What is the standard stylesheet file name provided by motion-anything for importing this drifting text gradient effect into a project?
| Checked | Without skill | With skill |
|---|---|---|
| Names gradient-text.css as the CSS file to include. | Missed | Passed |
The instructions your model reads when the skill loads.
A gradient that drifts through a headline. Part of
motion-anything; obeys MOTION-SPEC.md. Technique
popularized by Magic UI, reimplemented dependency-free (pure CSS).
gradient-text.css into the project and link it.<h1><span class="gradient-text">motion, anything</span></h1>
--g1/--g2/--g3; tune the duration (default 6s).prefers-reduced-motion the drift stops and the text renders in a solid --g1 color.background-position of a text-clipped gradient — GPU-safe.--g1 readable as the reduced-motion fallback.test cases passed, vs 8 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.