sprite-sheet

Generate 2D character animation frames and wire them into AnimatedSprite2D via SpriteFrames.

66|4|Updated Feb 26, 2026
One-click install
npx skills add https://github.com/SummerEngine/summer --skill sprite-sheet-summerengine
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sprite-sheet
Source: https://github.com/SummerEngine/summer/tree/main/library/skills/sprite-sheet
Command: npx skills add https://github.com/SummerEngine/summer --skill sprite-sheet-summerengine

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating animated 2D character sprites (walk cycles, attacks, idles, deaths) is hard because single-call AI sprite-sheet generation produces inconsistent frames, and manually cutting sheets is tedious. This Skill provides three ranked generation paths and wires the resulting frames into a Summer Engine AnimatedSprite2D node. ## Core Features & Use Cases - Three generation paths: per-frame img2img with referenceImageUrl for consistency, single-call sheet generation with server-side auto-slicing via summer_slice_asset_sheet, or manual authoring in Aseprite/Piskel for pixel art. - Engine integration: imports frames into the project, authors a SpriteFrames .tres resource, and attaches it to an AnimatedSprite2D node with animation and playback code. - Use Case: You have a static goblin sprite and need a 6-frame walk cycle. The Skill generates each frame using the previous one as a reference image, imports them, builds the SpriteFrames resource, and adds GDScript that plays "walk" when the character moves. ## Quick Start Generate a 6-frame walk cycle for my goblin character sprite and wire it into an AnimatedSprite2D node in my main scene.

Frequently Asked Questions about sprite-sheet

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a walk cycle sprite sheet for a 2D character?

Anchor a base sprite first, then generate each frame via img2img passing the previous frame as referenceImageUrl with a pose delta prompt. For short cycles of 4 frames or fewer, you can try a single-call sheet prompt and cut it with summer_slice_asset_sheet.

How do I slice a generated sprite sheet into individual frames?

Call summer_slice_asset_sheet with the generated sheet's assetId. The server-side slicer removes the background, detects each frame's bounding box, crops, and uploads every frame as its own asset, which you import by id.

Why do AI-generated sprite sheets have inconsistent frames?

Single-call generation cannot maintain inter-frame consistency, so anatomy, costume, and lighting drift between frames. Use per-frame img2img with referenceImageUrl chaining, or hand-author in Aseprite for pixel art where exact pixels matter.

Can AI generate pixel art sprite animations at 32x32?

No, AI per-frame generation at 16x16 or 32x32 cannot preserve exact pixel positions reliably. Hand-authoring in Aseprite or Piskel is the recommended path, optionally tracing a high-resolution AI-generated reference.

When should I use AnimationPlayer instead of a sprite sheet?

Use AnimationPlayer to tween a static texture for UI animation, simple bobs, fades, or rotating elements. Sprite sheets are specifically for character animation like walk cycles, attacks, and deaths, not UI motion.