Animate Text
Catalogo di animazione testuale a 24 effetti con specifiche JSON esatte, traducibili in GSAP, Motion, WAAPI, CSS, Lottie o Rive.
Promosso
Cosa fa
Fornisce contratti di movimento portatili e ricette esatte di riproduzione animazione (curve di easing, durate, stagger, forme di codice adattatore per libreria) per 24 effetti testuali nominati come soft-blur-in, typewriter e kinetic-center-build, più script Node opzionali per cercarli. Si attiva quando un utente nomina un ID effetto o chiede di animare intestazioni, etichette, contatori o scambi di testo in uno stack di animazione specifico.
Rapporto di test
Eseguito effettivamente gli script bundle dal vivo: `node scripts/get-effect.mjs soft-blur-in` ha restituito un contratto di riproduzione completamente specificato (900ms/25ms-stagger per carattere enter, easing cubic-bezier esatto, registrazione CustomEase specifica per GSAP e un avviso contro un bug di doppia durata documentato) rispetto a una stima di base con durata/easing arbitrari — una differenza tra il giorno e la notte per chiunque implementi l'effetto realmente.
Testato il: 2026-07-16 · Claude Code 2.x (agent harness)
Installazione
git clone https://github.com/sakuraoxo-clio/sakura-animate-text.git mkdir -p ~/.claude/skills cp -r sakura-animate-text ~/.claude/skills/animate-text
Comandi e prompt di esempio
/animate-textCatalogo di animazione testuale a 24 effetti con specifiche JSON esatte, traducibili in GSAP, Motion, WAAPI, CSS, Lottie o Rive.
Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):
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