Skills 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 canvas.
git clone https://github.com/openclaw/skills
T=$(mktemp -d) && git clone --depth=1 https://github.com/openclaw/skills "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/andyed/iblipper" ~/.claude/skills/openclaw-skills-iblipper && rm -rf "$T"
T=$(mktemp -d) && git clone --depth=1 https://github.com/openclaw/skills "$T" && mkdir -p ~/.openclaw/skills && cp -r "$T/skills/andyed/iblipper" ~/.openclaw/skills/openclaw-skills-iblipper && rm -rf "$T"
skills/andyed/iblipper/SKILL.mdiBlipper - 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¶m2=value2).
| Parameter | Type | Description | Default |
|---|---|---|---|
| string | The message to display (URL encoded, spaces as ) | — |
| number | Words per minute (30-2500) | 300 |
| number | Words per frame (0.1-500) | 1 |
| boolean | Auto-scale text to fill screen | true |
| number | Color theme index (0-3) | 0 |
| boolean | Dark mode | true |
| string | Animation style preset (see below) | neutral |
| string | Auto-play on load () | — |
Emotion Presets (Production)
| Emotion | Vibe | Best For |
|---|---|---|
| Clean, professional | Default, announcements |
| Fast, urgent, italic | Time-sensitive alerts |
| Slow, dreamy, airy | Poetic, calm messages |
| Curious, tilting | Questions, pondering |
| Urgent, pulsing | Action needed! |
| Bouncy, energetic | Celebrations, enthusiasm |
| Fun, bouncing | Jokes, casual fun |
| Bold, solid, impactful | Important statements |
| Handwritten, relaxed | Friendly chat |
| Glitchy, RGB split | Cyber aesthetic |
| Jelly physics | Silly, playful |
Note:
emotion is pre-release — avoid for now.matrix
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 |
|---|---|---|---|
| string | Format: , , | — |
| number | Output width in pixels | 480 |
| 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
in hyperlinks — skips landing pageshare=yes - Match emotion to message —
for celebrations,excited
for important stuffemphatic - Dark mode looks better —
is usually the way to godark=true - Use sparingly — if every message is animated, none are special