kinetic-typography-skills

KO | EN

gitlite — search

#python #hacktoberfest #ai #typescript #llm #android #machine-learning #rust #deep-learning #kubernetes #security #pytorch #openai #open-source

kinetic-typography-skills

(★ 6)

Kinetic typography skills for AI coding agents — turn text into beat-synced, animated type for social, titles, and lyric videos.

kinetic-typography-skills Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Kinetic Typography Skills

> Kinetic typography skills for AI coding agents — animate headlines, stagger text reveals, and build lyric/title videos across CSS, GSAP, Framer Motion, and Remotion.

![Kinetic Typography Skills — animated showcase](https://raw.githubusercontent.com/iart-ai/kinetic-typography-skills/main/showcase.gif)

## Install

```bash
npx skills add iart-ai/kinetic-typography-skills
```

Or add it as a Claude Code plugin marketplace:

```bash
/plugin marketplace add iart-ai/kinetic-typography-skills
```

then `/plugin install kinetic-typography-skills`.

The skills run in Claude Code, Cursor, Codex, and 40+ agents. The full agent runs at **[iart.ai](https://iart.ai/?utm_source=github&utm_medium=readme&utm_campaign=kinetic-typography-skills&utm_content=funnel)**.

## What's included

| Skill | What it does |
|-------|--------------|
| [kinetic-typography](./skills/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](https://iart.ai/?utm_source=github&utm_medium=readme&utm_campaign=kinetic-typography-skills&utm_content=link) is the AI motion agent that does that from a prompt or data.*

## When it activates

- "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."

## Example prompts

- "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."

## Skills

- [kinetic-typography](./skills/kinetic-typography)

## Topics

`kinetic-typography` `text-animation` `animated-text` `title-animation` `lyric-video` `gsap` `motion-graphics` `claude-skill`

## More packs

Part of a 14-pack open-source collection — install only what you need. Full hub: **[github.com/iart-ai](https://github.com/iart-ai)**

[tiktok-video-skills](https://github.com/iart-ai/tiktok-video-skills) (TikTok / Reels / Shorts) · [text-message-video-skills](https://github.com/iart-ai/text-message-video-skills) (Text-message stories) · [youtube-video-skills](https://github.com/iart-ai/youtube-video-skills) (Podcasters & YouTubers) · [ecommerce-video-skills](https://github.com/iart-ai/ecommerce-video-skills) (E-commerce sellers) · [ad-video-skills](https://github.com/iart-ai/ad-video-skills) (Brand advertisers) · [data-animation-skills](https://github.com/iart-ai/data-animation-skills) (Analysts & PMs) · [explainer-video-skills](https://github.com/iart-ai/explainer-video-skills) (Educators) · [map-animation-skills](https://github.com/iart-ai/map-animation-skills) (Vox-style maps) · [web-animation-skills](https://github.com/iart-ai/web-animation-skills) (Frontend devs) · [motion-design-skills](https://github.com/iart-ai/motion-design-skills) (Motion designers) · [freelance-motion-skills](https://github.com/iart-ai/freelance-motion-skills) (Freelancers & studios) · [webgl-animation-skills](https://github.com/iart-ai/webgl-animation-skills) (3D / WebGL) · [manim-skills](https://github.com/iart-ai/manim-skills) (Math / educational)

Install any of them:

```bash
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-skills
```

## License

MIT

---

Built by **[iart.ai](https://iart.ai/?utm_source=github&utm_medium=readme&utm_campaign=kinetic-typography-skills&utm_content=footer)** — 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.

kinetic-typography-skills

kinetic-typography-skills Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

kinetic-typography-skills

kinetic-typography-skills Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README