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.
数据来源:ClawHub。 在 ClawSkills 查看
选择你使用的 Agent
方法一:命令行安装(推荐)
推荐(无需提前安装 clawhub)
npx clawhub@latest --dir ~/.claude/skills install iblipper或使用 clawhub CLI(需提前安装)
clawhub --dir ~/.claude/skills install iblipper⚠️ 需要 Node.js 18+,没有 Node?请使用下方方法二直接下载 ZIP。 安装 Node.js →
方法二:手动下载安装(无需 Node)
下载 ZIP,解压后将文件夹放到以下路径,重启 Agent 即可:
安装路径
~/.claude/skills/iblipper/💡解压后将文件夹放到上方路径,重启 Agent 即可生效
--- 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. ---
Generate animated kinetic typography to communicate with humans in a more expressive, attention-grabbing way.
Base URL: https://andyed.github.io/iblipper2025/
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)
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
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 | 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.
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)
``` browser action=open targetUrl="https://andyed.github.io/iblipper2025/?export=gif#text=Hello&emotion=emphatic" profile=chrome ```
``` ls -t ~/Downloads/iblipper_*.gif | head -1 ```
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 |
✅ Good for:
❌ Skip for:
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
share=yes in hyperlinks — skips landing pageexcited for celebrations, emphatic for important stuffdark=true is usually the way to go安装 iBlipper Expressive Typography - Remember reading is automatic! 后,可以对 AI 说这些话来触发它
Help me get started with iBlipper Expressive Typography - Remember reading is automatic!
Explains what iBlipper Expressive Typography - Remember reading is automatic! does, walks through the setup, and runs a quick demo based on your current project
Use iBlipper Expressive Typography - Remember reading is automatic! to generate kinetic typography animations for expressive agent-to-huma...
Invokes iBlipper Expressive Typography - Remember reading is automatic! with the right parameters and returns the result directly in the conversation
What can I do with iBlipper Expressive Typography - Remember reading is automatic! in my design & creative workflow?
将技能文件夹放到 ~/.claude/skills/iblipper/ 目录(个人级,所有项目可用),或 .claude/skills/iblipper/(项目级)。重启 AI 客户端后,用 /iblipper 主动调用,或让 AI 根据上下文自动发现并使用。
iBlipper Expressive Typography - Remember reading is automatic! 支持 Claude、Cursor、OpenClaw,可与这些 AI 平台无缝集成,扩展其能力。
iBlipper Expressive Typography - Remember reading is automatic! 可免费安装使用。请查阅仓库了解许可证信息。
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.
Lists the top use cases for iBlipper Expressive Typography - Remember reading is automatic!, with example commands for each scenario
Automate my design & creative tasks using iBlipper Expressive Typography - Remember reading is automatic!
Identifies repetitive steps in your workflow and sets up iBlipper Expressive Typography - Remember reading is automatic! to handle them automatically
iBlipper Expressive Typography - Remember reading is automatic! 属于「Design & Creative」分类,该分类的技能帮助 AI 智能体在此领域执行专业任务。