Kinetic typography skills for AI coding agents — animate headlines, stagger text reveals, and build lyric/title videos across CSS, GSAP, Framer Motion, and Remotion.
npx skills add iart-ai/kinetic-typography-skillsOr add it as a Claude Code plugin marketplace:
/plugin marketplace add iart-ai/kinetic-typography-skillsthen /plugin install kinetic-typography-skills.
The skills run in Claude Code, Cursor, Codex, and 40+ agents. The full agent runs at iart.ai.
| Skill | What it does |
|---|---|
| kinetic-typography | Animate text — character/word/line staggers, split-text reveals, variable-font weight transitions, text on a path, and lyric/title cards across CSS, GSAP SplitText, Framer Motion, and Remotion. |
Want kinetic type as editable, on-brand motion graphics — exact copy, brand fonts locked, one-click edits, batch from a script? iart.ai is the AI motion agent that does that from a prompt or data.
- "Animate a headline", "make a kinetic typography video", or "create an animated title card."
- "Do a split-text reveal" or "stagger text by character / word / line."
- "Make a lyric or caption video."
- "Animate a variable font weight" or "put text on a path."
- "Build a kinetic typography intro that reveals the headline word by word."
- "Make a lyric video that staggers each line in sync with the beat."
- "Animate this title card with a variable-font weight transition."
kinetic-typography text-animation animated-text title-animation lyric-video gsap motion-graphics claude-skill
Part of a 14-pack open-source collection — install only what you need. Full hub: github.com/iart-ai
tiktok-video-skills (TikTok / Reels / Shorts) · text-message-video-skills (Text-message stories) · youtube-video-skills (Podcasters & YouTubers) · ecommerce-video-skills (E-commerce sellers) · ad-video-skills (Brand advertisers) · data-animation-skills (Analysts & PMs) · explainer-video-skills (Educators) · map-animation-skills (Vox-style maps) · web-animation-skills (Frontend devs) · motion-design-skills (Motion designers) · freelance-motion-skills (Freelancers & studios) · webgl-animation-skills (3D / WebGL) · manim-skills (Math / educational)
Install any of them:
npx skills add iart-ai/tiktok-video-skills
npx skills add iart-ai/text-message-video-skills
npx skills add iart-ai/youtube-video-skills
npx skills add iart-ai/ecommerce-video-skills
npx skills add iart-ai/ad-video-skills
npx skills add iart-ai/data-animation-skills
npx skills add iart-ai/explainer-video-skills
npx skills add iart-ai/map-animation-skills
npx skills add iart-ai/web-animation-skills
npx skills add iart-ai/motion-design-skills
npx skills add iart-ai/freelance-motion-skills
npx skills add iart-ai/webgl-animation-skills
npx skills add iart-ai/manim-skillsMIT
Built by iart.ai — the AI motion agent: describe it in a prompt — or point it at a CSV or brand kit — and get editable, on-brand motion graphics with exact text and numbers, one-click edits, and batch export.
