Generate animated pixel art sprites from any image using AI. Send a photo, get a 16-frame animated GIF.
数据来源:ClawHub。 在 ClawSkills 查看
选择你使用的 Agent
方法一:命令行安装(推荐)
推荐(无需提前安装 clawhub)
npx clawhub@latest --dir ~/.claude/skills install sprite-animator或使用 clawhub CLI(需提前安装)
clawhub --dir ~/.claude/skills install sprite-animator⚠️ 需要 Node.js 18+,没有 Node?请使用下方方法二直接下载 ZIP。 安装 Node.js →
方法二:手动下载安装(无需 Node)
下载 ZIP,解压后将文件夹放到以下路径,重启 Agent 即可:
安装路径
~/.claude/skills/sprite-animator/💡解压后将文件夹放到上方路径,重启 Agent 即可生效
--- name: sprite-animator description: Generate animated pixel art sprites from any image using AI. Send a photo, get a 16-frame animated GIF. metadata: { "openclaw": { "emoji": "🎮", "requires": { "bins": ["uv"], "env": ["GEMINI_API_KEY"] }, "primaryEnv": "GEMINI_API_KEY", }, } ---
Generate animated pixel art sprites from any image. Uses nano-banana-pro (Gemini) to create a 16-frame sprite sheet in a single request, then assembles it into an animated GIF.
# Wave animation (default 16 frames)
uv run --with sprite-animator sprite-animator -i photo.png -o sprite.gif -a wave
# Bounce animation with larger sprites
uv run --with sprite-animator sprite-animator -i avatar.png -o bounce.gif -a bounce -s 256
# Keep the raw sprite sheet and individual frames
uv run --with sprite-animator sprite-animator -i pet.jpg -o dance.gif -a dance --keep-sheet --keep-frames
| Type | Description | |------|-------------| | idle | Subtle breathing + blinking loop | | wave | Arm raises, waves back and forth, lowers | | bounce | Crouch → jump → land → recover | | dance | Lean, spin, jump — fun and energetic |
| Flag | Description | |------|-------------| | -i, --input | Input image (photo, drawing, etc.) | | -o, --output | Output GIF path | | -a, --animation | Animation type: idle, wave, bounce, dance (default: idle) | | -d, --duration | Frame duration in ms (default: 100) | | -s, --size | Output sprite size in px (default: 128) | | -r, --resolution | Generation resolution: 1K or 2K (default: 1K) | | --keep-sheet | Save the raw sprite sheet | | --keep-frames | Save individual frame PNGs | | -v, --verbose | Verbose output |
Single-request generation ensures consistent style across all frames.
https://github.com/Olafs-World/sprite-animator
安装 Sprite Animator 后,可以对 AI 说这些话来触发它
Help me get started with Sprite Animator
Explains what Sprite Animator does, walks through the setup, and runs a quick demo based on your current project
Use Sprite Animator to generate animated pixel art sprites from any image using AI
Invokes Sprite Animator with the right parameters and returns the result directly in the conversation
What can I do with Sprite Animator in my design & creative workflow?
Lists the top use cases for Sprite Animator, with example commands for each scenario
将技能文件夹放到 ~/.claude/skills/sprite-animator/ 目录(个人级,所有项目可用),或 .claude/skills/sprite-animator/(项目级)。重启 AI 客户端后,用 /sprite-animator 主动调用,或让 AI 根据上下文自动发现并使用。
Sprite Animator 支持 Claude、Cursor、OpenClaw,可与这些 AI 平台无缝集成,扩展其能力。
Sprite Animator 可免费安装使用。请查阅仓库了解许可证信息。
Generate animated pixel art sprites from any image using AI. Send a photo, get a 16-frame animated GIF.
Sprite Animator 属于「Design & Creative」分类,该分类的技能帮助 AI 智能体在此领域执行专业任务。
Automate my design & creative tasks using Sprite Animator
Identifies repetitive steps in your workflow and sets up Sprite Animator to handle them automatically