Back to skills
SkillHub ClubAnalyze Data & AIFull StackData / AI

sprite-animator

Generate animated pixel art sprites from any image using AI. Send a photo, get a 16-frame animated GIF.

Packaged view

This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.

Stars
3,091
Hot score
99
Updated
March 20, 2026
Overall rating
C0.0
Composite score
0.0
Best-practice grade
A88.0

Install command

npx @skill-hub/cli install openclaw-skills-sprite-animator

Repository

openclaw/skills

Skill path: skills/awlevin/sprite-animator

Generate animated pixel art sprites from any image using AI. Send a photo, get a 16-frame animated GIF.

Open repository

Best for

Primary workflow: Analyze Data & AI.

Technical facets: Full Stack, Data / AI.

Target audience: everyone.

License: Unknown.

Original source

Catalog source: SkillHub Club.

Repository owner: openclaw.

This is still a mirrored public skill entry. Review the repository before installing into production workflows.

What it helps with

  • Install sprite-animator into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
  • Review https://github.com/openclaw/skills before adding sprite-animator to shared team environments
  • Use sprite-animator for development workflows

Works across

Claude CodeCodex CLIGemini CLIOpenCode

Favorites: 0.

Sub-skills: 0.

Aggregator: No.

Original source / Raw SKILL.md

---
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",
      },
  }
---

# Sprite Animator

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.

## Quick Start

```bash
# 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
```

## Animations

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

## Options

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

## How It Works

1. Creates a labeled 4x4 grid template (16 cells)
2. Sends the template + source image to Gemini in ONE request
3. AI fills each cell with a pixel art frame following the animation sequence
4. Frames are extracted from the sheet and assembled into a looping GIF

Single-request generation ensures consistent style across all frames.

## Source

https://github.com/Olafs-World/sprite-animator


---

## Skill Companion Files

> Additional files collected from the skill directory layout.

### _meta.json

```json
{
  "owner": "awlevin",
  "slug": "sprite-animator",
  "displayName": "Sprite Animator",
  "latest": {
    "version": "0.1.0",
    "publishedAt": 1770705032168,
    "commit": "https://github.com/openclaw/skills/commit/aa9b1321aa828a37e5cd0d5fe620a8953f12e94a"
  },
  "history": []
}

```

sprite-animator | SkillHub