Skip to content
Back to skills

Sprite Animation

ASecurity

像素美术 + kinetic 字体的解说帧, 纯 CSS 循环, 可录视频

  • 3 stars
  • 0 votes
  • 0 copies
  • 1 view
  • Added September 9, 2026
ai-agentsgo

Security analysis

A100/100

Pro scans all 2 files and shows the line behind each finding

Scanned September 9, 2026

npx -y skills add yanacuti1121/Yana-AI --skill sprite-animation --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Sprite Animation?

Add the live security badge to your README. It updates with every re-scan.

Security grade badge for Sprite Animation
[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/yanacuti1121-sprite-animation/badge)](https://www.skillsdirectory.com/skills/yanacuti1121-sprite-animation)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro
SKILL.md
---
name: sprite-animation
zh_name: "像素动画解说"
en_name: "Sprite Animation"
emoji: "🕹️"
description: "像素美术 + kinetic 字体的解说帧, 纯 CSS 循环, 可录视频"
category: poster
scenario: marketing
aspect_hint: "竖版/横版均可"
featured: 8
tags: ["pixel", "8-bit", "复古", "explainer"]
---

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

Files in this skill

  • SKILL.md749 B
  • example.html13.2 KB

Attribution

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

Comments

Loading comments…