Animate Text

Katalog 24 efektů animace textu s přesnými specifikacemi JSON, přeložitelnými do GSAP, Motion, WAAPI, CSS, Lottie nebo Rive.

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

Otestováno · Funguje ★ 9.6/10

Animate Text — Katalog 24 efektů animace textu s přesnými specifikacemi JSON, přeložitelnými do GSAP, Motion, WAAPI, CSS, Lottie nebo Rive.

Co umí

Dodává přenosné kontrakty pohybu a přesné recepty pro reprodukci animace (křivky zrychlení, trvání, zpoždění, kódové tvary adaptéru pro každou knihovnu) pro 24 pojmenovaných textových efektů, jako je soft-blur-in, typewriter a kinetic-center-build, plus volitelné skripty Node pro jejich vyhledávání. Spouští se, když uživatel pojmenuje ID efektu nebo požádá o animaci nadpisů, popisků, čítačů nebo výměn textu ve specifickém animačním zásobníku.

Testovací report

Skutečně jsem spustil přiložené skripty živě: `node scripts/get-effect.mjs soft-blur-in` vrátil plně specifikovaný reprodukční kontrakt (900ms/25ms zpoždění na znak pro vstup, přesné kubické Bézierovy křivky zrychlení, registrace CustomEase specifická pro GSAP a varování před dokumentovanou chybou dvojnásobného trvání) oproti základnímu odhadu s libovolným trváním/zrychlením — den a noc rozdíl pro kohokoli, kdo efekt skutečně implementuje.

Testováno: 2026-07-16 · Claude Code 2.x (agent harness)

Instalace

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

Příkazy a ukázkové prompty

  • /animate-textKatalog 24 efektů animace textu s přesnými specifikacemi JSON, přeložitelnými do GSAP, Motion, WAAPI, CSS, Lottie nebo Rive.

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

  • 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