animate-text

SKILL.md

Animate Text

Use this skill as a text animation catalog backed by generated JSON contracts.

Use assets/specs/<id>.json for a portable motion contract. Use assets/effects/<id>.json for exact animation reproduction, including content, renderer algorithm, playback, runtime, host requirements, rendering contract, and library adapters.

This skill ships 24 specs in total. The website currently showcases 20 of them.

When To Use

Use this skill when the request involves:

animating headings, labels, counters, editorial copy, or text swaps

matching a named effect id such as soft-blur-in, typewriter, shared-axis-y, or kinetic-center-build

choosing a motion pattern from a curated catalog and translating it into a target stack

reproducing the current animation behavior in another stack without relying on example components

implementing the same spec with WAAPI, Motion / motion.dev, GSAP, CSS, Lottie, Rive, or another renderer

Workflow