Sprite Animation

Generates a single looping CSS animation frame designed to be screen-recorded into a vertical explainer video. You get a full-bleed cream stage with a big serif year, a pixel-art sprite (Hanafuda card, mushroom, 8-bit console) bouncing in sync with kinetic Japanese typography, and a timeline ribbon ticking across the bottom. Everything animates with keyframes, no JavaScript, and the whole scene reads like one beat from a Nintendo history documentary. Good for when the brief says "pixel-art video," "8-bit explainer," or anything retro that needs to feel like motion design frozen in HTML. The workflow is opinionated: read the design tokens, pick your topic and year, build inline SVG sprites, loop at least three independent animations.

Install to Claude Code

npx -y skills add nexu-io/open-design --skill sprite-animation --agent claude-code