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