iblipper

// Generate kinetic typography animations for expressive agent-to-human communication. Use when you want to communicate with visual flair - animated text for announcements, alerts, greetings, dramatic reveals, or any message that deserves more than plain text. Outputs shareable URLs or can display in c

$ git log --oneline --stat

stars:1,933

forks:367

updated:March 4, 2026

SKILL.mdreadonly

SKILL.md Frontmatter

nameiblipper

descriptionGenerate kinetic typography animations for expressive agent-to-human communication. Use when you want to communicate with visual flair - animated text for announcements, alerts, greetings, dramatic reveals, or any message that deserves more than plain text. Outputs shareable URLs or can display in canvas.

iBlipper - Motion Type Synthesizer

Generate animated kinetic typography to communicate with humans in a more expressive, attention-grabbing way.

Base URL: https://andyed.github.io/iblipper2025/

Two Output Options

Option 1: Hyperlink (fast, universal)

Generate a clickable link — recipient sees the animation in their browser.

[▶️ MESSAGE TEXT](https://andyed.github.io/iblipper2025/#text=MESSAGE+TEXT&emotion=emphatic&dark=true&share=yes)

Option 2: GIF Download (requires browser tool)

Generate an animated GIF file that can be attached to messages.

https://andyed.github.io/iblipper2025/?export=gif#text=MESSAGE+TEXT&emotion=emphatic&dark=true

URL Parameters

All parameters go in the hash fragment (#param=value&param2=value2).

Parameter	Type	Description	Default
`text`	string	The message to display (URL encoded, spaces as `+`)	—
`wpm`	number	Words per minute (30-2500)	300
`density`	number	Words per frame (0.1-500)	1
`fill`	boolean	Auto-scale text to fill screen	true
`theme`	number	Color theme index (0-3)	0
`dark`	boolean	Dark mode	true
`emotion`	string	Animation style preset (see below)	neutral
`share`	string	Auto-play on load (`yes`)	—

Emotion Presets (Production)

Emotion	Vibe	Best For
`neutral`	Clean, professional	Default, announcements
`hurry`	Fast, urgent, italic	Time-sensitive alerts
`idyllic`	Slow, dreamy, airy	Poetic, calm messages
`question`	Curious, tilting	Questions, pondering
`response_required`	Urgent, pulsing	Action needed!
`excited`	Bouncy, energetic	Celebrations, enthusiasm
`playful`	Fun, bouncing	Jokes, casual fun
`emphatic`	Bold, solid, impactful	Important statements
`casual`	Handwritten, relaxed	Friendly chat
`electric`	Glitchy, RGB split	Cyber aesthetic
`wobbly`	Jelly physics	Silly, playful

Note: matrix emotion is pre-release — avoid for now.

Hyperlink Examples

Important announcement:

[▶️ BREAKING NEWS](https://andyed.github.io/iblipper2025/#text=BREAKING+NEWS&emotion=emphatic&dark=true&share=yes)

Friendly greeting:

[▶️ Hey there!](https://andyed.github.io/iblipper2025/#text=Hey+there!&emotion=casual&dark=false&share=yes)

Celebration:

[▶️ Congratulations!](https://andyed.github.io/iblipper2025/#text=Congratulations!&emotion=excited&share=yes)

GIF Export Workflow (Browser Required)

Open the export URL in browser:

browser action=open targetUrl="https://andyed.github.io/iblipper2025/?export=gif#text=Hello&emotion=emphatic" profile=chrome

Wait ~15-20 seconds for render + encode

Find the downloaded GIF:

ls -t ~/Downloads/iblipper_*.gif | head -1

Read/attach the file to your message

Export query parameters:

Parameter	Type	Description	Default
`export`	string	Format: `gif`, `apng`, `png`	—
`width`	number	Output width in pixels	480
`fps`	number	Frames per second (8, 15, 30)	15

When to Use

✅ Good for:

Greetings and introductions
Important announcements
Celebrating milestones
Dramatic reveals
Adding personality to messages

❌ Skip for:

Long-form content (keep to 1-10 words)
Urgent safety alerts (plain text is faster)

CLI Script

For quick URL generation, use the included shell script:

# Basic usage
./scripts/iblipper.sh "Hello World"
# https://andyed.github.io/iblipper2025/#text=Hello+World&emotion=emphatic&dark=true&share=yes

# With emotion
./scripts/iblipper.sh "Breaking News" hurry

# Light mode
./scripts/iblipper.sh "Good Morning" idyllic light

# As markdown link
./scripts/iblipper.sh -m "Click me!" excited
# [▶️ Click me!](https://...)

# GIF export URL
./scripts/iblipper.sh --gif "Export this" playful

Additional Resources

references/examples.md — Real-world use cases by category
references/emotions.md — Deep dive on each emotion preset with live demos

Tips

Keep text concise — 1-5 words have the most impact
Use hyperlinks by default — faster, works everywhere
Use GIF export for Signal/iMessage — inline images look great
Always use share=yes in hyperlinks — skips landing page
Match emotion to message — excited for celebrations, emphatic for important stuff
Dark mode looks better — dark=true is usually the way to go
Use sparingly — if every message is animated, none are special