一个像素动画 skill：生成一帧可录屏的像素风解释画面
来源：GitHub 仓库 nexu-io/open-design 文件 2 个，SKILL.md 语言：英语
一个像素/精灵图风格的动画解释幻灯片 skill。
它生成一个像素风格的动画解释画面，像教育视频的一帧，可录屏成竖版视频。
它的设计：
- 全出血奶油色舞台（#f5efe2），带轻微纸张纹理
- 顶栏：左侧标题 slug、右侧进度点和 REC 印章
- 主体动画：至少 3 个独立循环动画
- 大年份：左下角衬线展示字重，带垂直故障/扫描线动画
- 像素精灵卡：96×128 像素卡片或角色，轻微上下浮动
- 动态假名：1-2 个日文/汉字字符，随浮动淡入滑出
- 刻度带：底部年份刻度带缓慢左移
- 说明块：小号等宽说明
技术要求：
- 单个 HTML 文档，CSS 内联，无外部 JS
- 所有动画用 @keyframes + infinite
- 固定画布比例（如 16:9 letterboxed）
- 无外部资源，所有精灵是内联 SVG 或 CSS
自检清单：
- 一个连贯场景，不是拼贴
- 至少 3 个独立循环动画
- 配色克制（奶油色 + 单个强调红 + 墨色）
适合谁：
- 做科普视频、教育内容的科研小组成员
- 想做像素风格动画、但不想学复杂工具的人
- 想学“单帧动画设计”的人
用法： 把 SKILL.md 内容复制到你的 AI 工具里，描述你想要的主题（比如“任天堂历史”）就行。
提示词
请帮我安装这个 Agent Skill。
Skill 页面：https://skillsmp.com/zh/creators/nexu-io/open-design/design-templates-sprite-animation
源地址：https://github.com/nexu-io/open-design/tree/main/design-templates/sprite-animation
Skill 名称：sprite-animation
作者：nexu-io
推荐安装命令：npx skills add https://github.com/nexu-io/open-design --skill sprite-animation
请打开 Skill 页面和源地址，先阅读 SKILL.md 以及所有配套文件，并在安装前说明任何风险。
如果当前环境可以执行 shell 命令，优先使用上面的安装命令。如果需要手动安装，请复制包含 SKILL.md 的完整 skill 目录，包括 scripts、references、assets、agents 以及 Skill 页面展示的其他文件，并保留相对目录结构。不要只安装 SKILL.md。安装完成后，请确认目标 skills 目录里包含 SKILL.md 和这个 skill 需要的全部配套文件。评论 0
更多
登录后可点赞、收藏、评论和举报。
还没有评论，先发起一个具体问题。