Animate Text
Katalog 24 efektów animacji tekstu z dokładnymi specyfikacjami JSON, możliwymi do przetłumaczenia na GSAP, Motion, WAAPI, CSS, Lottie lub Rive.
Testowano · Działa
Co robi ten skill
Dostarcza przenośne kontrakty ruchu i dokładne przepisy na odtworzenie animacji (krzywe wygładzania, czasy trwania, opóźnienie, adaptery dla poszczególnych bibliotek) dla 24 nazwanych efektów tekstowych, takich jak soft-blur-in, typewriter i kinetic-center-build, plus opcjonalne skrypty Node do ich wyszukiwania. Aktywuje się, gdy użytkownik poda identyfikator efektu lub poprosi o animację nagłówków, etykiet, liczników lub zamian tekstu w określonym stosie animacji.
Raport z testu
Rzeczywiście uruchomiono dołączone skrypty na żywo: `node scripts/get-effect.mjs soft-blur-in` zwrócił w pełni określony kontrakt odtworzenia (enter 900ms/25ms-stagger na znak, dokładne wygładzanie cubic-bezier, rejestracja CustomEase specyficzna dla GSAP i ostrzeżenie przed udokumentowanym błędem podwójnego czasu trwania) w porównaniu do bazowej zgadywanki z arbitralnym czasem trwania/wygładzaniem — różnica między dniem a nocą dla każdego, kto faktycznie implementuje efekt.
Testowano: 2026-07-16 · Claude Code 2.x (agent harness)
Instalacja
git clone https://github.com/sakuraoxo-clio/sakura-animate-text.git mkdir -p ~/.claude/skills cp -r sakura-animate-text ~/.claude/skills/animate-text
Komendy i przykładowe prompty
/animate-textKatalog 24 efektów animacji tekstu z dokładnymi specyfikacjami JSON, możliwymi do przetłumaczenia na GSAP, Motion, WAAPI, CSS, Lottie lub Rive.
Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):
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