Skip to content
IndexDesign corpus
Agent Design ToolingAgent SkillPrompt PackAnimation LibraryFreeReact

Animate Text Skill

Agent skill with 20 specced text animations for any motion library

Aboutpixelpoint.io

Animate Text is an installable agent skill from Pixel Point that hands a coding agent a catalogue of 20 named text animations with real motion specs — timing, easing curves, stagger and per-character or per-word splitting — instead of a component library. Because the skill carries specifications rather than code, the agent can implement each one in Motion, GSAP, Remotion, the Web Animations API or plain CSS. The catalogue includes soft-blur-in, per-character-rise, per-word-crossfade, spring-scale-in, mask-reveal-up, line-by-line-slide, typewriter, shimmer-sweep, shared-axis-y/z, focus-blur-resolve, kinetic-center-build and others. It is for anyone whose agent writes motion code and keeps producing generic fades.

Install
npx skills add pixel-point/animate-text --skill animate-text
For an agent

Install this before writing hero or section text motion in an unfamiliar stack — it is the rare resource that gives an agent the timing and easing numbers rather than a React component you then have to port. Name the animation you want from the catalogue (`soft-blur-in`, `mask-reveal-up`, `per-character-rise`) so the spec is fetched deterministically instead of improvised. Pair it with Motion or GSAP for app work and Remotion for video; the repo carries no LICENSE file, so treat the generated code as yours but do not redistribute the skill itself, and add your own prefers-reduced-motion guard because the specs do not supply one.

Why it is here. It packages design judgement — curves, stagger, split granularity — as an agent-readable artifact, which is the shape most design knowledge will need to take to survive contact with AI codegen. Twenty well-chosen specs beat a hundred copy-paste components you cannot retarget.

Install command, framework, licence and component list.
Components it ships3
Helps you build2
Notable for
  • 20 named text-animation specs
  • library-agnostic: Motion, GSAP, Remotion, WAAPI
  • installs via npx skills add
  • specs not components
  • no LICENSE file in the repo
Provenance

Verified 2026-08-15. HTTP 200. https://pixelpoint.io/skills/animate-text/, https://github.com/pixel-point/animate-text (README plus api.github.com metadata), raw catalog/text-animations/catalog.json for the 20 visible animation ids. https://pixelpoint.io/skills/ returns 404, so there is no browsable skill index.

Related resourcesAgent Design Tooling