mcpField
S
sprite-animation

sprite-animation

github.com/nexu-io创意与媒体9.3k40 次安装2 周前更新
代码仓库

关于 sprite-animation

sprite-animation 是用于制作像素风教育动画单帧海报的设计技能。它以纯 CSS keyframes 循环动画，结合像素艺术角色、醒目年份或数字及时间轴装饰。

主要功能

  1. 01制作像素风动画海报
  2. 02使用纯 CSS keyframes 循环
  3. 03中心像素艺术吉祥物
  4. 04加入动态文字与时间轴
  5. 05采用复古配色

适用场景

  1. 01制作教育动画的单帧画面
  2. 02设计复古像素风视觉内容

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/nexu-io/html-anything --skill sprite-animation

安装后在 Claude Code 中输入/sprite-animation确认已加载。

附带文件example.html

README 原文English

来自项目 README

README 暂无中文译文，以下为英文原文；中文介绍见上方。

【模板: 像素 / 8-bit 动画解说】 【意图】教育型动画的单帧海报, 纯 CSS keyframes 循环, 不用 JS。 【布局】

  • Full-bleed cream stage
  • Bold display year / 大字数字
  • 中心一个像素艺术 mascot (SVG 或纯 CSS 绘制)
  • kinetic 中文 / 日文 display 字
  • 底部 timeline ribbon 一直走 【设计细节】
  • 动画用 @keyframes, 不依赖 JS
  • 复古调色板: 红 / 米 / 墨绿

评论

支持 Markdown