skills.rest
scomofo
scomofoCOMMUNITY
Explore all skills by this author →
GitHub

video2dsprite

Convert 2D character stills into dense animation sprite sheets via image-to-video and chroma-key postprocessing.

Updated Sep 17, 2026
Search Tags:#game animation#ffmpeg#sprite generation#chroma key#2d game assets#video to sprite#run cycle
One-click install
npx skills add https://github.com/scomofo/midi-stage2 --skill video2dsprite-scomofo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: video2dsprite
Source: https://github.com/scomofo/midi-stage2/tree/main/.grok/skills/video2dsprite
Command: npx skills add https://github.com/scomofo/midi-stage2 --skill video2dsprite-scomofo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires Pillow, numpy, ffmpeg, and includes scripts (resource) and references (resource) components.

What problem does it solve? Creating smooth run, walk, or idle animation cycles for 2D game characters normally requires hand-drawing many intermediate poses. This Skill turns a single character still into a short in-place motion video, then extracts, chroma-keys, and samples the frames into dense sprite strips, grids, and preview GIFs. ## Core Features & Use Cases - Video-to-sprite pipeline: Generate a base still on a solid magenta background, animate it with an image-to-video tool, then postprocess frames with ffmpeg, Pillow, and numpy. - Dense frame sampling: Export 8, 16, 24, or 48-frame sets with feet-anchored normalization, horizontal strips, grids, and looping preview GIFs. - Magenta chroma-key cleanup: Flood-fill background removal with despill so sprites export as clean RGBA PNGs. - Use Case: You have a side-scroller hero and want a smoother 16-frame run cycle. Provide the character still, let the Skill animate it in place, and receive normalized sprite sheets plus a preview GIF ready for QC. ## Quick Start Ask the agent to turn your character still into a smooth side-view run cycle sprite sheet using the video2dsprite pipeline with 16 and 24 frame exports.

Frequently Asked Questions about video2dsprite

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

FAQPage Schema
How do I turn a video into 2D game sprite frames?▼

Animate a base character still with an image-to-video tool using in-place motion on a solid magenta background, then run the video2dsprite.py process command. It extracts frames with ffmpeg, chroma-keys the background, and exports normalized sprite strips, grids, and preview GIFs.

How to make a smoother run cycle for a 2D game character?▼

Generate a 6-second in-place run video from your character still, then sample it at 16 or 24 frames instead of the usual 4-8 hand-drawn poses. The denser intermediate frames generally produce smoother-feeling locomotion loops.

video2dsprite vs generate2dsprite for game sprites?▼

Use generate2dsprite for crisp pixel sheets, fixed grids, and identity-critical production heroes. Use video2dsprite when you want denser intermediate poses and smoother motion, accepting softer pixels, identity drift, and chroma fringes.

Can I use this video-to-sprite pipeline outside Grok Build?▼

The generation step requires Grok Build image and image-to-video tools, so other agents cannot run the full pipeline. They can still re-sample existing cleaned frames locally using the sample subcommand with ffmpeg, Pillow, and numpy.

Why does my sprite have pink fringes after chroma keying?▼

Pink fringes come from residual magenta spill at sprite edges after flood-fill keying. The script applies light despill automatically, but heavy fringe may require re-keying with a different distance threshold or falling back to generate2dsprite.

What are the limitations of video-generated sprite animations?▼

Video softens pixel edges, drifts character identity across frames, and 6-second clips contain multiple cycles rather than one perfect loop. For engine use, pick a single 12-16 frame cycle after visual QC instead of shipping the full dense set.

Related Skills

Explore More Design & Creative Skills→
mahirocokomahirocoko

generate2dsprite

Generate and postprocess 2D pixel-art sprite sheets with transparent exports.

Community
Advanced
SummerEngineSummerEngine
66

sprite-sheet

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

Official
Advanced
quochung-cyouquochung-cyou

animations

Create and manage sprite animations from spritesheets and atlases in Phaser 4.

Community
Intermediate
AnastasiyaWAnastasiyaW
140

pixel-art-studio

Generates pixel art sprites and animations with palette discipline, dithering, and automated quality scoring.

Community
Advanced