Curated text animation catalog with exact JSON specs for headings, labels, counters, and text swaps. Use when an agent needs to pick or translate named effects like soft blur in, typewriter, shared axis, line reveal, stagger, crossfade, or kinetic builds into WAAPI, Motion, Framer Motion, GSAP, CSS, Lottie, Rive, or similar stacks.
Install
npx skills add marvkr/better-design --skill animate-textnpx skills add marvkr/better-design --skill animate-text -a claude-code -gnpx skills add marvkr/better-design --skill animate-text -a codex -ggemini skills install https://github.com/marvkr/better-design.git --path .agents/skills/animate-textgh skill install marvkr/better-design animate-textgit clone --depth 1 https://github.com/marvkr/better-design /tmp/marvkr__better-design
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/marvkr__better-design/.agents/skills/animate-text ~/.claude/skills/animate-text # Claude Code
cp -R /tmp/marvkr__better-design/.agents/skills/animate-text ~/.agents/skills/animate-text # Codex, Cursor, Gemini CLI, Copilot, OpenCode