Animate Text
Catalogus van 24 effecten voor tekstanimatie met exacte JSON-specificaties, vertaalbaar naar GSAP, Motion, WAAPI, CSS, Lottie of Rive.
Getest · Werkt
Wat het doet
Levert draagbare bewegingscontracten en exacte animatie-reproductie-recepten (easing curves, duur, stagger, per-bibliotheek adapter code-vormen) voor 24 benoemde teksteffecten zoals soft-blur-in, typewriter en kinetic-center-build, plus optionele Node-scripts om ze op te zoeken. Wordt geactiveerd wanneer een gebruiker een effect-ID noemt of vraagt om koppen, labels, tellers of tekstwisselingen in een specifieke animatiestack te animeren.
Testrapport
Voerde de gebundelde scripts daadwerkelijk live uit: `node scripts/get-effect.mjs soft-blur-in` retourneerde een volledig gespecificeerd reproductiecontract (900ms/25ms-stagger per-karakter enter, exacte cubic-bezier easing, GSAP-specifieke CustomEase registratie en een waarschuwing tegen een gedocumenteerde dubbele duurfout) versus een basislijn gok met willekeurige duur/easing — nacht en dag verschil voor iedereen die het effect echt implementeert.
Getest op: 2026-07-16 · Claude Code 2.x (agent harness)
Installatie
git clone https://github.com/sakuraoxo-clio/sakura-animate-text.git mkdir -p ~/.claude/skills cp -r sakura-animate-text ~/.claude/skills/animate-text
Commando's en voorbeeldprompts
/animate-textCatalogus van 24 effecten voor tekstanimatie met exacte JSON-specificaties, vertaalbaar naar GSAP, Motion, WAAPI, CSS, Lottie of Rive.
Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):
Give me the exact GSAP code for a soft-blur-in text entrance effectI need a typewriter animation spec for my headline, done in CSSShow me the kinetic-center-build effect recipe translated for Motion