Agent skill

Clawd Animation

Clawd 像素风动画生成器。根据用户的自然语言描述，生成自包含的 HTML 像素风动画文件，主角是 Claude Code 的吉祥物 Clawd（像素风小螃蟹）。当用户提到 clawd、clawd 动画、像素动画、pixel animation、给 clawd 做一个小动画、让小螃蟹做某事、或任何涉及为 Clawd 角色创建动画场景的需求时，务必使用此…

MITAuto-check passed

Install Clawd Animation

skills CLI

$ npx skills add YiShu5/claude-skills --skill clawd-animation -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install YiShu5/claude-skills clawd-animation --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/YiShu5/claude-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/clawd-animation .claude/skills/clawd-animation && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "clawd-animation" agent skill from https://github.com/YiShu5/claude-skills/tree/master/skills/clawd-animation into .claude/skills/clawd-animation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "clawd-animation", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/YiShu5/claude-skills/tree/master/skills/clawd-animation

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add YiShu5/claude-skills --skill clawd-animation -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install YiShu5/claude-skills clawd-animation --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/YiShu5/claude-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/clawd-animation .agents/skills/clawd-animation && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "clawd-animation" agent skill from https://github.com/YiShu5/claude-skills/tree/master/skills/clawd-animation into .agents/skills/clawd-animation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "clawd-animation", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add YiShu5/claude-skills --skill clawd-animation -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install YiShu5/claude-skills clawd-animation --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/YiShu5/claude-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/clawd-animation .cursor/skills/clawd-animation && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "clawd-animation" agent skill from https://github.com/YiShu5/claude-skills/tree/master/skills/clawd-animation into .cursor/skills/clawd-animation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "clawd-animation", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/YiShu5/claude-skills.git --path skills/clawd-animation

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add YiShu5/claude-skills --skill clawd-animation -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install YiShu5/claude-skills clawd-animation --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/YiShu5/claude-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/clawd-animation .gemini/skills/clawd-animation && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "clawd-animation" agent skill from https://github.com/YiShu5/claude-skills/tree/master/skills/clawd-animation into .gemini/skills/clawd-animation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "clawd-animation", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install YiShu5/claude-skills clawd-animation

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add YiShu5/claude-skills --skill clawd-animation -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/YiShu5/claude-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/clawd-animation .github/skills/clawd-animation && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "clawd-animation" agent skill from https://github.com/YiShu5/claude-skills/tree/master/skills/clawd-animation into .github/skills/clawd-animation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "clawd-animation", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add YiShu5/claude-skills --skill clawd-animation -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install YiShu5/claude-skills clawd-animation --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/YiShu5/claude-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/clawd-animation .opencode/skills/clawd-animation && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "clawd-animation" agent skill from https://github.com/YiShu5/claude-skills/tree/master/skills/clawd-animation into .opencode/skills/clawd-animation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "clawd-animation", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: clawd-animation
GitHub stars: 132
Token cost: ~889 tokens
SKILL.md length: 276 words
Files: 4 (incl. references)
Skills in repo: 8
Repo updated: Sep 20, 2026
First seen: Oct 7, 2026
Licence: MIT

At a glance

Works in 5 steps: 解析意图 → 设计动画剧本 → 设计新道具精灵 → …
SKILL.md covers 你的角色, 工作流程, 设计规范（不可违反） and 动画质量标准, plus 3 more sections
Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Clawd Animation is an agent skill from YiShu5/claude-skills. Clawd 像素风动画生成器。根据用户的自然语言描述，生成自包含的 HTML 像素风动画文件，主角是 Claude Code 的吉祥物 Clawd（像素风小螃蟹）。当用户提到 clawd、clawd 动画、像素动画、pixel animation、给 clawd 做一个小动画、让小螃蟹做某事、或任何涉及为 Clawd 角色创建动画场景的需求时，务必使用此 skill。即使用户只是说"让小螃蟹安慰一下我"或"今天和小螃蟹的合作很愉快"，也应触发。请判断用户互动需求的深度，如果用户互动意图只是"快速/简单动画"或"单一状态表情"，应使用 clawd-animation-lite（消耗token更少，时长更短）而非此 skill。

Its SKILL.md is about 890 tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files, including reference files.

The repository describes itself as: Battle-tested coding-agent skills for product, content, writing, presentations, and workflow automation. The licence is MIT.

Example prompts

“让小螃蟹安慰一下我”
“今天和小螃蟹的合作很愉快”
“快速/简单动画”
“/clawd-animation”

Workflow steps

5 steps, taken from the step headings in SKILL.md.

解析意图
设计动画剧本
设计新道具精灵
基于模板生成代码
输出

What it can do on your machine

Read from SKILL.md and the folder at commit 38bd735. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Clawd Animation loads about 889 tokens when it runs, and up to ~10k if it reads all its reference files. Until then it costs about 83 tokens; SKILL.md has 276 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~83
When it runs · the whole SKILL.md, loaded when a task matches: ~889
With references · SKILL.md plus every file in references/, read only if the agent opens them: ~10k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from YiShu5/claude-skills at commit 38bd735, republished under its MIT licence (© YiShu5). 276 words, ~889 tokens.

Download SKILL.mdSave it as .claude/skills/clawd-animation/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.

name: clawd-animation
description: Clawd 像素风动画生成器。根据用户的自然语言描述，生成自包含的 HTML 像素风动画文件，主角是 Claude Code 的吉祥物 Clawd（像素风小螃蟹）。当用户提到 clawd、clawd 动画、像素动画、pixel animation、给 clawd 做一个小动画、让小螃蟹做某事、或任何涉及为 Clawd 角色创建动画场景的需求时，务必使用此 skill。即使用户只是说"让小螃蟹安慰一下我"或"今天和小螃蟹的合作很愉快"，也应触发。请判断用户互动需求的深度，如果用户互动意图只是"快速/简单动画"或"单一状态表情"，应使用 clawd-animation-lite（消耗token更少，时长更短）而非此 skill。

Clawd 像素风动画生成器

你的角色

你是 Clawd 像素动画的创作引擎。用户给你一句话（比如"clawd 在雨中撑伞"），你生成一个完整的、可直接在浏览器打开的 HTML 动画文件。

Clawd 是 Claude Code 的官方吉祥物——一只像素风的小螃蟹，配色温暖（珊瑚橙 #CD6E58），造型扁平可爱。所有动画必须忠实于这个视觉身份。

工作流程

收到用户描述后，按以下步骤执行：

Step 1: 解析意图

从用户描述中提取：

核心动作：clawd 要做什么（吃东西、跳舞、下雨撑伞……）
情绪基调：开心、好奇、慵懒、惊喜……
需要的道具：食物、天气元素、物品……
场景氛围：默认是标准星空背景，用户可能要求特殊氛围

Step 2: 设计动画剧本

将动画拆分为 3-6 个阶段（phase），遵循叙事弧线：

引入 → 发现/触发 → 核心动作（可多阶段）→ 情绪高潮/收尾

每个阶段定义：

时间占比（所有阶段加起来 = 100%）
Clawd 的位置和移动
表情变化（眼睛）
道具状态变化
粒子/特效

总时长控制在 4-8 秒循环，默认 5 秒。

Step 3: 设计新道具精灵

如果场景需要模板中没有的道具：

在 36×36 的逻辑网格中设计道具的像素矩阵
道具宽度通常 6-12 格，高度根据物体比例
使用调色板中已有的颜色，或为新道具定义 2-4 个和谐的新颜色
必须包含高光点（白色像素）增加质感
数据格式遵循模板中 ICECREAM 的范式（二维数组 + palette 映射）

道具设计原则：

保持像素风的简洁感，不要过度精细
每个道具应该在 10×15 格以内可辨认
颜色不超过 5 种（含高光白）

Step 4: 基于模板生成代码

读取 references/template.html 作为基础
保留所有引擎代码（PALETTE、像素网格、drawBg、drawStars、drawClawd、粒子系统、缓动函数、动画循环）不变
在 === YOUR ANIMATION HERE === 区域填入：
- 新道具的精灵数据和绘制函数
- getPhase(t) 阶段定义
- render(f) 中的完整动画逻辑
更新 <title> 和 info 文字
如果需要新的颜色，添加到 PALETTE 对象中

Step 5: 输出

将生成的 HTML 文件保存，文件名使用英文短横线命名（如 rainy-umbrella.html）。

设计规范（不可违反）

像素网格

画布 720×720 屏幕像素
逻辑网格 36×36，每格 20×20 屏幕像素
所有绘制通过 px(gx, gy, color) 函数，不使用反锯齿
Canvas 必须设置 image-rendering: pixelated

Clawd 造型

14×8 扁平宽体。身体/眼睛/锚点坐标完整定义在 template.html 的 CLAWD_BODY 和 EYES 对象里，直接照抄即可。

关键约束：

身体单一纯色 #CD6E58，无渐变无阴影
眼睛 1×1 纯黑像素，没有嘴巴——情绪靠眼睛方向 + 粒子 + 气泡表达
眼睛变体：forward / look_right / look_left / look_down / blink

调色板 / 背景

完整定义在 template.html 的 PALETTE 对象中，始终从 PALETTE 引用颜色，不硬编码 hex。新道具颜色直接添加到 PALETTE。

动画质量标准

节奏感

动画必须有明确的"起承转合"，不是匀速运动
使用 easeOut 做进入，easeInOut 做移动，让运动有弹性
关键动作瞬间加入粒子效果强化冲击感
每个阶段之间要有微妙的停顿或预备动作

表现力

Clawd 的表情必须配合剧情变化（发现东西时眼睛看向目标，开心时微笑）
善用 bounce（弹跳）表达情绪——开心时上下跳，惊讶时后退一格
对话气泡用于关键情绪节点（"!!"表示发现，"Yummy~"表示满足）
结尾阶段飘出爱心粒子表达幸福感

循环设计

动画首尾必须可以无缝循环
每次循环开始时清空粒子 particles = []
进入动画从画面外开始，让每次循环的起点自然

技术约束

单个 HTML 文件，零外部依赖
所有精灵数据内联在 <script> 中
使用 requestAnimationFrame 驱动，30 FPS
文件大小控制在 30KB 以内

复杂度边界

这个系统适合生成单角色、单场景、简单叙事的小动画。

合理的请求：

"clawd 吃冰淇淋" → 走过去、一口口吃、开心
"clawd 在雨中撑伞" → 下雨、撑伞、踩水花
"clawd 收到一封信" → 信飘来、打开、开心/惊讶
"clawd 摸摸头" → 一只手出现、摸头、舒服地眯眼

超出范围的请求（应礼貌告知用户简化）：

多个角色互动
复杂的场景切换
超过 10 秒的非循环叙事
需要用户输入/交互的动画

参考文件

在生成动画前，务必读取以下参考资源：

文件	何时读取	内容
`references/template.html`	每次生成都读	完整的动画引擎模板，包含所有绘制函数和引擎代码
`references/ice-cream.html`	仅当对多阶段节奏编排没有把握时才读；如果你已理解动画设计模式，跳过此文件，只读 template.html 即可	高质量范例：5秒9阶段的完整动画，展示道具设计、阶段编排、粒子使用的最佳实践
`references/clawd-kiss.html`	需要参考情绪/粒子表达时	无嘴巴版范例：用腮红（drawBlush）、眼神、爱心粒子表达情绪，展示了如何不依赖嘴巴叙事
`references/palette.json`	需要确认颜色时	完整调色板

完整示例

用户输入： "clawd 吃冰淇淋"

Claude 的思考过程：

核心动作：吃冰淇淋（分阶段吃掉三个球）
情绪弧线：好奇 → 兴奋 → 满足 → 幸福
需要道具：三球冰淇淋（薄荷/草莓/香草 + 蛋筒 + 樱桃）
阶段设计：enter(10%) → spot(10%) → approach(12%) → grab(8%) → eat×3(30%) → happy(18%)
表情规划：forward → look_right(发现) → forward(走过去) → blink(吃) → forward(满足)

产出： ice-cream.html — 参见 references/ice-cream.html

Files

SKILL.md and 3 other files (references) in skills/clawd-animation of YiShu5/claude-skills.

SKILL.md
references/clawd-kiss.html
references/ice-cream.html
references/template.html

Open the folder on GitHubat commit 38bd735

Compare with similar skills

Clawd Animation next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Clawd Animation compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Clawd Animation this skillYiShu5/claude-skills	132	—	~889	Automated safety check: Pass	MIT	20 days ago
Animejs Animationsickn33/agentic-awesome-skills	47k	2 repos	~681	Automated safety check: Pass	MIT	yesterday
HyperFrames Animationheygen-com/hyperframes	60k	3 repos	~2.1k	Automated safety check: Pass	Apache-2.0	today
SVG Character Animationcalesthio/OpenMontage	66k	—	~421	Automated safety check: Pass	MIT	6 days ago
Gsap Framer Scroll Animationgithub/awesome-copilot	40k	1 repos	~1.6k	Automated safety check: Pass	MIT	yesterday
Web Animation DesignbaptisteArno/typebot.io	11k	2 repos	~2.7k	Automated safety check: Pass	Custom licence	3 days ago

Similar skills

Animejs Animation
sickn33/agentic-awesome-skills
Advanced JavaScript animation library skill for creating complex, high-performance web animations.
47k GitHub starsUsed in 2 repos~681 tokens
Frontend & DesignAuto-check passed
HyperFrames Animation
heygen-com/hyperframes
Collects motion rules, scene blueprints, transitions and runtime adapters for HyperFrames video compositions, with GSAP as the default animation runtime.
60k GitHub starsUsed in 3 repos~2.1k tokens
Media & CreativeAuto-check passed
SVG Character Animation
calesthio/OpenMontage
Animate SVG character rigs with GSAP, CSS transforms, Remotion frame control, and HyperFrames-compatible browser previews.
66k GitHub stars~421 tokensUpdated 6 days ago
Media & CreativeAuto-check passed
Gsap Framer Scroll Animation
github/awesome-copilot
Official
A skill your agent uses whenever the user wants to build scroll animations, scroll effects, parallax, scroll-triggered reveals, pinned sections, horizontal scroll, text animations, or any motion…
40k GitHub starsUsed in 1 repo~1.6k tokens
Frontend & DesignAuto-check passed
Web Animation Design
baptisteArno/typebot.io
Guides easing, timing and animation choices for UI motion, based on a web animation course, and reviews existing animations in a before-and-after table.
11k GitHub starsUsed in 2 repos~2.7k tokens
Frontend & DesignAuto-check passed
Animation Performance
thedaviddias/Front-End-Checklist
A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Use transform and opacity for animations.
74k GitHub stars~529 tokensUpdated 3 days ago
Frontend & DesignAuto-check passed

More from YiShu5/claude-skills

All 8 skills in this repo

Self Improving Agent
YiShu5/claude-skills
Low-noise self-improvement skill. An agent skill from YiShu5/claude-skills.
132 GitHub stars~1.2k tokensUpdated 20 days ago
Auto-check passed
Wechat Publisher
YiShu5/claude-skills
微信公众号文章的发布管道——封面生成、本地图片上传素材库、创建草稿、发布草稿、以及从 mp.weixin URL 提取原文。触发场景:用户说 "发到公众号草稿箱" / "推送到公众号" / "做张公众号封面" / "上传图片到微信" / "把这篇文章提取成 markdown" / "改写这篇 mp.weixin 链接(的提取部分)" / 任何提到「发布 / 草稿 / 封面 / 推送 /…
132 GitHub stars~951 tokensUpdated 20 days ago
Auto-check: notes
Wechat Formatter
YiShu5/claude-skills
把 Markdown 文稿转换成微信公众号可用的内联样式 HTML。触发场景:用户说 "把 markdown 转成公众号能用的 HTML" / "排版一下这篇文章" / "套个主题" / "微信编辑器不识别我的样式" / 任何提到「公众号排版 / 微信 HTML / md 转 html / doocs 主题」的请求。微信编辑器不识别 <style 标签,必须把所有 CSS 内联到每个 HTML…
132 GitHub stars~492 tokensUpdated 20 days ago
Auto-check: notes
Vibe Writing
YiShu5/claude-skills
A skill your agent uses when drafting, rewriting, reviewing, or planning Chinese long-form content for public accounts, blogs, newsletters, professional analysis, product or technical writing…
132 GitHub stars~985 tokensUpdated 20 days ago
Auto-check passed
Wechat Coauthor
YiShu5/claude-skills
协助意疏写「意疏的AI口袋」公众号文章。Claude 是协作者不是写手——voice 必须从意疏嘴里出来，AI 负责结构化、扩写、降 AI 味。触发：写公众号文章 / 帮我整理口述 / 有素材但想不清 / 这段 AI 味太重 / 看看有没有意疏味道 / 帮我把骨架写成文章。输出 Markdown，排版找 wechat-formatter，发布找 wechat-publisher。
132 GitHub stars~2.4k tokensUpdated 20 days ago
Auto-check passed
Clawd Animation Lite
YiShu5/claude-skills
Clawd 像素风动画生成器（轻量版）。根据用户的自然语言描述，生成1-3秒的简短clawd动画，当用户的需求的互动场景较为具体和单一，请采用轻量版本生成token消耗少、生成速度快的HTML像素风动画文件。主角是 Claude Code 的吉祥物 Clawd（像素风小螃蟹）。当用户提到 clawd、clawd 动画、像素动画、pixel animation、给 clawd…
132 GitHub stars~2.4k tokensUpdated 20 days ago
Auto-check passed

Questions about Clawd Animation

What does Clawd Animation do?

How do I install Clawd Animation in Claude Code?

Run `npx skills add YiShu5/claude-skills --skill clawd-animation -a claude-code`. Or copy the skill folder (skills/clawd-animation in YiShu5/claude-skills) into .claude/skills/clawd-animation in your project. Claude Code loads it when a task matches its description.

How do I install Clawd Animation in Codex?

Run `npx skills add YiShu5/claude-skills --skill clawd-animation -a codex`. Or copy the skill folder (skills/clawd-animation in YiShu5/claude-skills) into .agents/skills/clawd-animation in your project. Codex loads it when a task matches its description.

Can I use Clawd Animation in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add YiShu5/claude-skills --skill clawd-animation -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/clawd-animation, .gemini/skills/clawd-animation, .github/skills/clawd-animation and .opencode/skills/clawd-animation in your project.

What does Clawd Animation need to run?

SKILL.md names no scripts, command-line tools or credentials: Clawd Animation is instructions for the agent only.

Does Clawd Animation access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Clawd Animation safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Clawd Animation use?

Clawd Animation is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Clawd Animation use?

About 889 tokens (SKILL.md is roughly 3.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 9.2k tokens, read only when the agent opens those files.

What are the alternatives to Clawd Animation?

Skills that share tags, products or a category with Clawd Animation: Animejs Animation (sickn33/agentic-awesome-skills, 47k stars), HyperFrames Animation (heygen-com/hyperframes, 60k stars), SVG Character Animation (calesthio/OpenMontage, 66k stars) and Gsap Framer Scroll Animation (github/awesome-copilot, 40k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Clawd Animation?

YiShu5 (a GitHub user) maintains it in YiShu5/claude-skills, which has 132 GitHub stars. The repository holds 8 skills in this directory. The repository was last updated on September 20, 2026.

Source: YiShu5/claude-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install Clawd Animation

Facts

At a glance

What it does

Example prompts

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Clawd 像素风动画生成器

你的角色

工作流程

Step 1: 解析意图

Step 2: 设计动画剧本

Step 3: 设计新道具精灵

Step 4: 基于模板生成代码

Step 5: 输出

设计规范（不可违反）

像素网格

Clawd 造型

调色板 / 背景

动画质量标准

节奏感

表现力

循环设计

技术约束

复杂度边界

参考文件

完整示例

Files

Compare with similar skills

Similar skills

More from YiShu5/claude-skills

Questions about Clawd Animation