Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nexu-io/text-scramble
Resolve one short headline from random glyphs — a techy decode reveal. One short line only; keep it fast. The resolved text is the real, accessible content; under prefers-reduced-motion it appears instantly with no scramble. Avoid on body copy and calm/luxury tones.
Passed 18 of 22 test cases with the skill, and 9 of 22 without it.
and 9 more in the full report
9 fixed9 passed either way4 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 9 test cases the skill fixed. Same model, same prompt, with and without the skill.
When importing `text-scramble.js` into a vanilla JavaScript project, what global or exported function is invoked to trigger a transition on element `#hero-title` to the text `'SYSTEM READY'`?
| Checked | Without skill | With skill |
|---|---|---|
| The code calls scrambleTo passing the target DOM element and string. | Missed | Passed |
The instructions your model reads when the skill loads.
A line of text that resolves from random glyphs. Part of
motion-anything; obeys MOTION-SPEC.md. Technique
popularized by Codrops, reimplemented dependency-free.
text-scramble.js into the project and link it.<span class="scramble" data-text="motion, anything"></span>
data-text on load. To change the phrase later: scrambleTo(el, "next phrase").prefers-reduced-motion the final text appears instantly (no scramble). The resolved
data-text is always the real content.scrambleTo(ref.current, text) on mount / when the phrase changes.test cases passed, vs 9 / 22 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.