Die Benutzeroberfläche ist lokalisiert; die Skill-Inhalte der ursprünglichen Autoren bleiben in ihrer Originalsprache, und einige Erläuterungsseiten sind auf Englisch verfügbar.
Skills entdecken
Design und Kreativität · SKILL.md

iblipper

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.

Independent GitHub snapshot · Automated classification · Original documentation governs

Skill-Dokumentation

GitHub

name: iblipper description: 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.

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

ParameterTypeDescriptionDefault
textstringThe message to display (URL encoded, spaces as +)—
wpmnumberWords per minute (30-2500)300
densitynumberWords per frame (0.1-500)1
fillbooleanAuto-scale text to fill screentrue
themenumberColor theme index (0-3)0
darkbooleanDark modetrue
emotionstringAnimation style preset (see below)neutral
sharestringAuto-play on load (yes)—

Emotion Presets (Production)

EmotionVibeBest For
neutralClean, professionalDefault, announcements
hurryFast, urgent, italicTime-sensitive alerts
idyllicSlow, dreamy, airyPoetic, calm messages
questionCurious, tiltingQuestions, pondering
response_requiredUrgent, pulsingAction needed!
excitedBouncy, energeticCelebrations, enthusiasm
playfulFun, bouncingJokes, casual fun
emphaticBold, solid, impactfulImportant statements
casualHandwritten, relaxedFriendly chat
electricGlitchy, RGB splitCyber aesthetic
wobblyJelly physicsSilly, 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)

  1. Open the export URL in browser:

    browser action=open targetUrl="https://andyed.github.io/iblipper2025/?export=gif#text=Hello&emotion=emphatic" profile=chrome
    
  2. Wait ~15-20 seconds for render + encode

  3. Find the downloaded GIF:

    ls -t ~/Downloads/iblipper_*.gif | head -1
    
  4. Read/attach the file to your message

Export query parameters:

ParameterTypeDescriptionDefault
exportstringFormat: gif, apng, png—
widthnumberOutput width in pixels480
fpsnumberFrames 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

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
Gespeicherte Skills