# Sprite Animation

> Creates educational single-frame posters with pixel art mascots and kinetic typography using pure CSS keyframe animations, no JavaScript required.

- Skill: `nexu-io/sprite-animation` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add nexu-io/sprite-animation`
- Raw SKILL.md: https://api.skillmd.com/api/skills/nexu-io/sprite-animation/raw
- Safety review: PASS (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend, Design & Media, Animation & Graphics, CSS & Styling
- Tags: 8 Bit, Css Animation, Keyframes, Kinetic Typography, Pixel Art, Poster, Retro Palette
- Author: Nexu (https://skillmd.com/u/nexu-io)
- Updated: 2026-07-19
- Page: https://skillmd.com/skills/nexu-io/sprite-animation

---


【模板: 像素 / 8-bit 动画解说】
【意图】教育型动画的单帧海报, 纯 CSS keyframes 循环, 不用 JS。
【布局】
- Full-bleed cream stage
- Bold display year / 大字数字
- 中心一个像素艺术 mascot (SVG 或纯 CSS 绘制)
- kinetic 中文 / 日文 display 字
- 底部 timeline ribbon 一直走
【设计细节】
- 动画用 @keyframes, 不依赖 JS
- 复古调色板: 红 / 米 / 墨绿