Animate Text

24-effekters tekst-animasjonskatalog med eksakte JSON-spesifikasjoner, oversettbare til GSAP, Motion, WAAPI, CSS, Lottie eller Rive.

av sakuraoxo-clio · sakuraoxo-clio/sakura-animate-text

Bestått ★ 9.6/10

Animate Text — 24-effekters tekst-animasjonskatalog med eksakte JSON-spesifikasjoner, oversettbare til GSAP, Motion, WAAPI, CSS, Lottie eller Rive.

Hva den gjør

Leverer bærbare bevegelseskontrakter og eksakte animasjons-reproduksjonsoppskrifter (easing-kurver, varigheter, stagger, per-bibliotek adapterkodeformer) for 24 navngitte teksteffekter som soft-blur-in, typewriter, og kinetic-center-build, pluss valgfrie Node-skript for å slå dem opp. Utløses når en bruker navngir en effekt-ID eller ber om å animere overskrifter, etiketter, tellere eller tekstbytter i en spesifikk animasjonsstabel.

Testrapport

Faktisk kjørt de medfølgende skriptene live: `node scripts/get-effect.mjs soft-blur-in` returnerte en fullt spesifisert reproduksjonskontrakt (900ms/25ms-stagger per-karakter enter, eksakt cubic-bezier easing, GSAP-spesifikk CustomEase-registrering og en advarsel mot en dokumentert dobbel-varighetsfeil) kontra et baseline-gjetning med vilkårlig varighet/easing — natt-og-dag forskjell for alle som implementerer effekten for ekte.

Testet på: 2026-07-16 · Claude Code 2.x (agent harness)

Installer

git clone https://github.com/sakuraoxo-clio/sakura-animate-text.git
mkdir -p ~/.claude/skills
cp -r sakura-animate-text ~/.claude/skills/animate-text

Kommandoer og eksempelprompter

  • /animate-text24-effekters tekst-animasjonskatalog med eksakte JSON-spesifikasjoner, oversettbare til GSAP, Motion, WAAPI, CSS, Lottie eller Rive.

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

  • Give me the exact GSAP code for a soft-blur-in text entrance effect
  • I need a typewriter animation spec for my headline, done in CSS
  • Show me the kinetic-center-build effect recipe translated for Motion