Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →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.
.claude/skills/nexu-io-text-scramble/SKILL.md| Test case | Without → With | Effect | Δ tokens | Δ turns |
|---|---|---|---|---|
| case-04 | ✗→✓ | ▲ Improved | 12% | 0% |
| case-05 | ✗→✓ | ▲ Improved | -47% | 0% |
| case-07 | ✗→✓ | ▲ Improved | -57% | 0% |
| case-08 | ✗→✓ | ▲ Improved | -31% | 0% |
| case-10 | ✗→✓ | ▲ Improved | -15% | 0% |
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.html <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 resolveddata-text is always the real content.
scrambleTo(ref.current, text) on mount / when the phrase changes.Other measured skills in the registry, with their headline benchmark lift.