Nexu 【模板: 像素 / 8-bit 动画解说】 【意图】教育型动画的单帧海报, 纯 CSS keyframes 循环, 不用 JS。 【布局】
- Full-bleed cream stage
- Bold display year / 大字数字
- 中心一个像素艺术 mascot (SVG 或纯 CSS 绘制)
- kinetic 中文 / 日文 display 字
- 底部 timeline ribbon 一直走 【设计细节】
- 动画用 @keyframes, 不依赖 JS
- 复古调色板: 红 / 米 / 墨绿
Sprite Animation
Creates educational single-frame posters with pixel art mascots and kinetic typography using pure CSS keyframe animations, no JavaScript required.
Sprite Animation by Nexu · d0efb1e
npx skillmds add nexu-io/sprite-animation File contents
---name: sprite-animationdescription: Creates educational single-frame posters with pixel art mascots and kinetic typography using pure CSS keyframe animations, no JavaScript required.---【模板: 像素 / 8-bit 动画解说】【意图】教育型动画的单帧海报, 纯 CSS keyframes 循环, 不用 JS。【布局】- Full-bleed cream stage- Bold display year / 大字数字- 中心一个像素艺术 mascot (SVG 或纯 CSS 绘制)- kinetic 中文 / 日文 display 字- 底部 timeline ribbon 一直走【设计细节】- 动画用 @keyframes, 不依赖 JS- 复古调色板: 红 / 米 / 墨绿
nexu-io/html-anything/tree/main/next/src/lib/templates/skills/sprite-animation commit d0efb1eaa3
Frequently asked questions
Run npx skillmds add nexu-io/sprite-animation in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Creates educational single-frame posters with pixel art mascots and kinetic typography using pure CSS keyframe animations, no JavaScript required. It is listed under Web & Frontend, Design & Media, Animation & Graphics, CSS & Styling on SkillMD.
SkillMD's automated safety review verdict for this skill is PASS. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
Nexu (@nexu-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.