Content
Skill
/sprite-animation
像素美术 + kinetic 字体的解说帧, 纯 CSS 循环, 可录视频
Claude Code
$ npx -y skills add nexu-io/html-anything --skill sprite-animation --agent claude-code
Codex
$ npx skills add nexu-io/html-anything --skill sprite-animation -a codex -y
Cursor
$ npx skills add nexu-io/html-anything --skill sprite-animation -a cursor -y
Gemini CLI
$ npx skills add nexu-io/html-anything --skill sprite-animation -a gemini-cli -y
GitHub Copilot
$ npx skills add nexu-io/html-anything --skill sprite-animation -a github-copilot -y
OpenCode
$ npx skills add nexu-io/html-anything --skill sprite-animation -a opencode -y
Windsurf
$ npx skills add nexu-io/html-anything --skill sprite-animation -a windsurf -y
SKILL.md
sprite-animation.SKILL.mdname: 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
- 复古调色板: 红 / 米 / 墨绿
Ships withhtml-anything
From the team behind Open Design — 40k★ · 200+ contributors, production-grade and iterating faster. html-anything is the focused agent-era HTML editor; if it clicks for you, Open Design is where the same team ships at scale.
9.5k81 skills
Stars on GitHub
Momentum
- stars in total
- 9.5k
Other skills on html-anything.
article-sketchnote-edi…
把一个概念铸成杂志专题档案——真问题→失败→转折→顿悟→命名, 6 个 layout 模具 + 4 字族对比 + 探案档案细节
@nexu-ioInstall SkillMore skills from other plugins.
prompt-lookup
Activates when the user asks about AI prompts, needs prompt templates, wants to search for prompts, or mentions prompts.chat. Use…
@gh-fInstall Skillppt-master
AI-driven presentation workflow for generating editable PPTX decks and slides, reconstructing page visuals, creating reusable…
@hugohe3Install Skillmorph-ppt
Use this skill when the user wants a .pptx with smooth cross-slide animation — PowerPoint Morph transitions, Keynote-style…
@iofficeaiInstall Skillfrontend-slides
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to…
@zarazhangruiInstall SkillQuestions about sprite-animation.
- Which coding agents can use sprite-animation?
- sprite-animation installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.