Character Animation Skill — Development skill for Claude Code

Character Animation Skill — turn any image into a looping animated sprite with Nano Banana 2

Turn a single **static character image** into a smooth, looping **animated sprite** — delivered as a self-contained **moving SVG**, an **animated WebP**, and an **animated GIF** with a transparent background. It's a [Claude Code](https://docs.claude.com/en/docs/claude-code) **skill** that drives Google's **Nano Banana 2** (`gemini-3.1-flash-image`, Gemini 3.1 Flash Image) to generate the animation frames, then keys, aligns, times, and assembles them into ready-to-use animation files.

Give it a picture of a robot and the words "wave hello and blink" — get back a looping animated robot in three web-ready formats.

[](LICENSE)  

---

Demo: from one static image to fluid animation

A single product render of a robot, animated two ways by the skill — a friendly **hand wave with a blink**, and a calm **idle** (breathing + slow blink + gentle sway). Both are transparent, looping, and generated from the one image on the left.

Input image	Wave + blink	Idle (breathe · blink · sway)
static asset	per-frame generation, eased timing	keyframes + motion interpolation

*(See the [full case study](#case-study-the-robot) below for exactly how each was made.)*

---

What it does

• Image → animation. Input one character/asset image + a motion descripti