iblipper
Generate kinetic typography animations for expressive agent-to-human communication.
Installation
npx clawhub@latest install iblipperView the full skill documentation and source below.
Documentation
iBlipper - Motion Type Synthesizer
Generate animated kinetic typography to communicate with humans in a more expressive, attention-grabbing way.
Base URL:
## Two Output Options
### Option 1: Hyperlink (fast, universal)
Generate a clickable link — recipient sees the animation in their browser.
__CODE_BLOCK_0__
### Option 2: GIF Download (requires browser tool)
Generate an animated GIF file that can be attached to messages.
__CODE_BLOCK_1__
## URL Parameters
All parameters go in the **hash fragment** (#param=value¶m2=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:**
__CODE_BLOCK_2__
**Friendly greeting:**
__CODE_BLOCK_3__
**Celebration:**
__CODE_BLOCK_4__
## GIF Export Workflow (Browser Required)
1. Open the export URL in browser:
__CODE_BLOCK_5__
2. Wait ~15-20 seconds for render + encode
3. Find the downloaded GIF:
__CODE_BLOCK_6__
4. 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:
__CODE_BLOCK_7__
## Additional Resources
- **[references/examples.md](references/examples.md)** — Real-world use cases by category
- **[references/emotions.md](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