Animate Text Skill

Agent skill with 20 specced text animations for any motion library

Tier A · StrongAgent SkillPrompt PackAnimation Librarypixelpoint.io

(Visit pixelpoint.io ↗)(Docs)(Repository)

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.

Facts

License: Unknown
Pricing: Free
Framework: React, Vanilla JS
Styling: Vanilla CSS, CSS-in-JS
Distribution: Agent skill / rules pack, CLI installer, GitHub repository
Platform: Web
Content type: Prompts, Code
Agent readiness: Agent skill or rules pack, CLI installable, Readable open source, Structured documentation
Accessibility: Unknown
Maturity: Stable
GitHub stars: 143

Components it ships

Text Effect Typewriter Text Animation

Helps you build

Homepage Features

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.

Also in Agent Design Tooling

pixelpoint.ioTier A