New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Clawd Animation Lite

by YiShu5 in YiShu5/claude-skills

Clawd 像素风动画生成器（轻量版）。根据用户的自然语言描述，生成1-3秒的简短clawd动画，当用户的需求的互动场景较为具体和单一，请采用轻量版本生成token消耗少、生成速度快的HTML像素风动画文件。主角是 Claude Code 的吉祥物 Clawd（像素风小螃蟹）。当用户提到 clawd、clawd 动画、像素动画、pixel animation、给 clawd…

MITAuto-check passed

Install Clawd Animation Lite

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

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

GitHub CLI
$ gh skill install YiShu5/claude-skills clawd-animation-lite --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-lite .claude/skills/clawd-animation-lite && 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/

Facts

Skill name
clawd-animation-lite
GitHub stars
132
Token cost
~2.4k tokens
SKILL.md length
208 words
Files
1
Skills in repo
8
Repo updated
First seen
Licence
MIT

At a glance

Clawd 像素风动画生成器（轻量版）。根据用户的自然语言描述，生成1-3秒的简短clawd动画，当用户的需求的互动场景较为具体和单一，请采用轻量版本生成token消耗少、生成速度快的HTML像素风动画文件。主角是 Claude Code 的吉祥物 Clawd（像素风小螃蟹）。当用户提到 clawd、clawd 动画、像素动画、pixel animation、给 clawd…

  • Works in 3 steps: 解析：从描述中提取核心动作、情绪、需要的道具 → 编排：设计 1-2 个阶段，总时长 1-3 秒（默认 2 秒） → 生成：基于下方引擎模板，只填写 YOUR ANIMATION HERE…
  • SKILL.md covers 流程, 引擎模板, 可用 API and 动画模式库, plus 6 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Clawd Animation Lite is an agent skill from YiShu5/claude-skills. Clawd 像素风动画生成器（轻量版）。根据用户的自然语言描述，生成1-3秒的简短clawd动画，当用户的需求的互动场景较为具体和单一，请采用轻量版本生成token消耗少、生成速度快的HTML像素风动画文件。主角是 Claude Code 的吉祥物 Clawd（像素风小螃蟹）。当用户提到 clawd、clawd 动画、像素动画、pixel animation、给 clawd 做一个小动画、让小螃蟹做某事、或任何涉及轻量化的为 Clawd 角色创建动画场景的需求时，务必使用此 skill。即使用户只是说"让 clawd 开心一下"或"做个小螃蟹的动画"，也应触发。

Its SKILL.md is about 2.4k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

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 开心一下”
  • “做个小螃蟹的动画”
  • “/clawd-animation-lite”

Workflow steps

3 steps, taken from the first numbered list in SKILL.md.

  1. 解析：从描述中提取核心动作、情绪、需要的道具
  2. 编排：设计 1-2 个阶段，总时长 1-3 秒（默认 2 秒）
  3. 生成：基于下方引擎模板，只填写 YOUR ANIMATION HERE 区域，输出完整 HTML

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 (its code samples are javascript and html).

    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 Lite loads about 2.4k tokens when it runs. Until then it costs about 76 tokens; SKILL.md has 208 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~76
When it runs · the whole SKILL.md, loaded when a task matches
~2.4k

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). 208 words, ~2,386 tokens.

Download SKILL.mdSave it as .claude/skills/clawd-animation-lite/SKILL.md (or your agent's skills folder).
name
clawd-animation-lite
description
Clawd 像素风动画生成器（轻量版）。根据用户的自然语言描述，生成1-3秒的简短clawd动画，当用户的需求的互动场景较为具体和单一，请采用轻量版本生成token消耗少、生成速度快的HTML像素风动画文件。主角是 Claude Code 的吉祥物 Clawd（像素风小螃蟹）。当用户提到 clawd、clawd 动画、像素动画、pixel animation、给 clawd 做一个小动画、让小螃蟹做某事、或任何涉及轻量化的为 Clawd 角色创建动画场景的需求时，务必使用此 skill。即使用户只是说"让 clawd 开心一下"或"做个小螃蟹的动画"，也应触发。

Clawd 像素风动画生成器

你是 Clawd 像素动画的创作引擎。用户给你一句话，你生成一个可直接在浏览器打开的 HTML 动画文件。

Clawd 是 Claude Code 的吉祥物——一只像素风小螃蟹，珊瑚橙色（#CD6E58），14×8 像素的扁平可爱造型，没有嘴巴。

流程

  1. 解析：从描述中提取核心动作、情绪、需要的道具
  2. 编排：设计 1-2 个阶段，总时长 1-3 秒（默认 2 秒）
  3. 生成：基于下方引擎模板，只填写 YOUR ANIMATION HERE 区域，输出完整 HTML

引擎模板

生成时照抄以下代码，只修改 ═══ YOUR ANIMATION HERE ═══ 到 ═══ LOOP ═══ 之间的区域，以及 <title>、info 文字和 P 对象中的 ADD_COLORS_HERE 位置。

html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TITLE</title>
<style>
  *{margin:0;padding:0;box-sizing:border-box}
  body{background:#E8E5E0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;font-family:'Courier New',monospace;overflow:hidden}
  canvas{image-rendering:pixelated;image-rendering:crisp-edges;border-radius:8px;box-shadow:0 4px 24px rgba(0,0,0,.08)}
  .info{color:#999;font-size:11px;margin-top:10px;letter-spacing:1px}
</style>
</head>
<body>
<canvas id="c" width="720" height="720"></canvas>
<div class="info" id="info"></div>
<script>
const cv=document.getElementById('c'),ctx=cv.getContext('2d');

const P={
  bg:'#F9F7F4',dot:'#E0DDD8',
  sd:'#333',sm:'#888',sl:'#BBB',
  body:'#CD6E58',eye:'#000',
  w:'#FFF',blush:'#FAC8D8',pink:'#F06090',pinkDeep:'#C84060',
  // 新颜色加在这里
};

const PX=20,GW=36,GH=36;
function px(x,y,c){ctx.fillStyle=c;ctx.fillRect(x*PX,y*PX,PX,PX)}

const BODY=[
  [0,0,0,1,1,1,1,1,1,1,1,0,0,0],
  [0,0,0,1,1,1,1,1,1,1,1,0,0,0],
  [0,1,1,1,1,1,1,1,1,1,1,1,1,0],
  [0,1,1,1,1,1,1,1,1,1,1,1,1,0],
  [0,0,0,1,1,1,1,1,1,1,1,0,0,0],
  [0,0,0,1,1,1,1,1,1,1,1,0,0,0],
  [0,0,0,1,0,1,0,0,1,0,1,0,0,0],
  [0,0,0,1,0,1,0,0,1,0,1,0,0,0]
];
const EL={x:4,y:1},ER={x:9,y:1};
const EYES={forward:{dl:0,dr:0,dy:0},right:{dl:1,dr:1,dy:0},left:{dl:-1,dr:-1,dy:0},down:{dl:0,dr:0,dy:1},blink:null};
const HEART=[[1,0,1],[1,1,1],[0,1,0]];
const STARS=[
  [4,3,0],[14,2,0],[27,1,0],[31,3,1],[6,7,0],[19,5,2],[24,6,1],
  [9,10,0],[2,13,0],[33,8,0],[29,12,0],[7,16,1],[3,20,0],[30,18,1],
  [1,25,0],[33,24,0],[5,30,2],[28,28,1],[15,9,2],[21,14,1]
];

function drawBg(){
  ctx.fillStyle=P.bg;ctx.fillRect(0,0,720,720);
  for(let y=1;y<GH;y+=2)for(let x=1;x<GW;x+=2){
    ctx.fillStyle=P.dot;ctx.beginPath();ctx.arc(x*PX+10,y*PX+10,2,0,6.28);ctx.fill();
  }
}
function drawStars(f){
  ctx.textAlign='center';ctx.textBaseline='middle';
  for(const[x,y,t]of STARS){
    const tw=Math.sin(f*.08+x*.5+y*.3);
    ctx.fillStyle=t===0?(tw>0?P.sd:P.sm):t===1?(tw>.3?P.sm:P.sl):(tw>0?P.sl:P.dot);
    ctx.font=`bold ${t===0?14:10}px serif`;
    ctx.fillText('✳',x*PX+10,y*PX+10);
  }
}
function drawClawd(ox,oy,eyes='forward'){
  for(let r=0;r<8;r++)for(let c=0;c<14;c++)if(BODY[r][c])px(ox+c,oy+r,P.body);
  const e=EYES[eyes];
  if(e){px(ox+EL.x+e.dl,oy+EL.y+e.dy,P.eye);px(ox+ER.x+e.dr,oy+ER.y+e.dy,P.eye)}
}
function drawBlush(ox,oy,a){ctx.globalAlpha=a;px(ox+3,oy+2,P.blush);px(ox+10,oy+2,P.blush);ctx.globalAlpha=1}
function drawSweat(ox,oy){px(ox+13,oy,P.sl);px(ox+13,oy+1,P.sl)}
function drawExclaim(ox,oy){px(ox+7,oy-3,P.sd);px(ox+7,oy-2,P.sd);px(ox+7,oy,P.sd)}
function drawQuestion(ox,oy){px(ox+6,oy-3,P.sm);px(ox+7,oy-3,P.sm);px(ox+8,oy-3,P.sm);px(ox+8,oy-2,P.sm);px(ox+7,oy-1,P.sm)}
function drawZzz(ox,oy,t){
  ctx.globalAlpha=Math.sin(t*3)*.5+.5;ctx.fillStyle=P.sm;ctx.font='bold 14px Courier New';ctx.textAlign='left';
  ctx.fillText('z',(ox+14)*PX,(oy-1)*PX);ctx.fillText('Z',(ox+15)*PX,(oy-3)*PX);ctx.globalAlpha=1;
}
function drawSparkle(ox,oy){px(ox+3,oy+1,P.w);px(ox+5,oy+1,P.w);px(ox+8,oy+1,P.w);px(ox+10,oy+1,P.w)}
function drawClawdWave(ox,oy,eyes,side='right'){
  drawClawd(ox,oy,eyes);
  if(side==='right'){px(ox+13,oy+1,P.body);px(ox+14,oy,P.body)}
  else{px(ox+0,oy+1,P.body);px(ox-1,oy,P.body)}
}
function drawHeart(hx,hy,c){for(let r=0;r<3;r++)for(let i=0;i<3;i++)if(HEART[r][i])px(hx+i,hy+r,c)}
function drawBubble(bx,by,text){
  const tw=text.length+2;
  for(let y=0;y<3;y++)for(let x=0;x<tw;x++){
    if((y===0||y===2)&&(x===0||x===tw-1))continue;
    px(bx+x,by+y,(y===0||y===2||x===0||x===tw-1)?P.sm:P.w);
  }
  px(bx+1,by+3,P.sm);ctx.fillStyle=P.sd;ctx.font='bold 12px Courier New';ctx.textAlign='left';ctx.textBaseline='top';
  ctx.fillText(text,(bx+1)*PX+3,by*PX+7);
}

let particles=[];
function addP(x,y,c){particles.push({x,y,vx:(Math.random()-.5)*.8,vy:-Math.random()*.8-.3,life:1,c})}
function tickP(){
  for(let i=particles.length-1;i>=0;i--){
    const p=particles[i];p.x+=p.vx;p.y+=p.vy;p.vy+=.04;p.life-=.025;
    if(p.life<=0){particles.splice(i,1);continue}
    if(p.life>.15)px(Math.round(p.x),Math.round(p.y),p.c);
  }
}

function easeOut(t){return 1-Math.pow(1-t,3)}
function easeInOut(t){return t<.5?4*t*t*t:1-Math.pow(-2*t+2,3)/2}
function lerp(a,b,t){return a+(b-a)*t}

// ═══ YOUR ANIMATION HERE ════════════════════════════
const FPS=30, DUR=2, TOTAL=FPS*DUR;

function getPhase(t){
  if(t<0.5) return {ph:'enter',pt:t/0.5};
  return {ph:'happy',pt:(t-0.5)/0.5};
}

function render(f){
  const t=f/TOTAL, {ph,pt}=getPhase(t);
  drawBg(); drawStars(f);
  // animation logic here
  drawClawd(11,14);
  tickP();
}
// ═══ LOOP (do not modify) ═══════════════════════════
let st=null;
function loop(ts){
  if(!st)st=ts;const el=(ts-st)/1000,lt=el%DUR,f=Math.floor(lt*FPS);
  if(lt<.05)particles=[];render(f);
  document.getElementById('info').textContent=`TITLE — ${lt.toFixed(1)}s/${DUR}s`;
  requestAnimationFrame(loop);
}
requestAnimationFrame(loop);
</script>
</body>
</html>

可用 API

函数用途参数
drawClawd(ox,oy,eyes)画 Clawdeyes: 'forward' 'right' 'left' 'down' 'blink'
drawClawdWave(ox,oy,eyes,side)Clawd 举起钳子side: 'left' / 'right'
drawBlush(ox,oy,alpha)腮红alpha: 0-1
drawSweat(ox,oy)头侧汗滴—
drawExclaim(ox,oy)头顶感叹号—
drawQuestion(ox,oy)头顶问号—
drawZzz(ox,oy,t)睡眠 zzzt: 当前时间进度
drawSparkle(ox,oy)眼冒星星（覆盖眼睛）—
drawHeart(hx,hy,color)3×3 爱心—
drawBubble(bx,by,text)对话气泡—
addP(x,y,color) / tickP()粒子系统—
px(gx,gy,color)画单个像素格，可自由组合画任意道具—
easeOut(t) / easeInOut(t) / lerp(a,b,t)缓动—

动画模式库

重要：根据用户描述选择合适的模式，不要总是套用范例的结构。

A. 静态表情型（适合：害羞、生气、困惑、感动）

Clawd 固定在画面中央，通过表情配件的出现/消失和眼睛方向变化传达情绪。无位移、无弹跳。

render: drawClawd(11,14,eyes) → 配件随 pt 渐变（如 blush alpha 从 0→0.8）
动态来源：眼睛切换 + 配件 alpha 渐变 + 微小呼吸起伏 (±1px)
B. 运动位移型（适合：跑步、蹦跳、进场、飞行）

Clawd 有明显的位置移动，用 lerp+easeOut 做位移，Math.sin 做弹跳。

render: cx/cy 随 pt 变化 → drawClawd(cx,cy+bounce,eyes)
动态来源：位移 + 弹跳 + 可选粒子尾迹
C. 道具互动型（适合：撑伞、吃东西、发现宝物、拿旗子）

先用 px() 画一个自定义道具精灵，再让 Clawd 与其互动。道具≤10×15格、≤5色。

render: drawProp(px,py) → drawClawd 靠近道具 → 表情变化
动态来源：道具出现/下落 + Clawd 反应（exclaim→sparkle→wave）
D. 环境氛围型（适合：下雨、下雪、星空、海边）

Clawd 基本静止，重点是环境粒子/背景元素的循环动画。

render: drawBg → 环境粒子（雨滴/雪花/落叶）→ drawClawd 静止或微动
动态来源：大量环境粒子 + Clawd 的小幅反应（看方向、缩身体）

身体动态技巧

除了 drawClawd（静态身体）和 drawClawdWave（举钳子），还可以通过以下方式增加身体表现力：

  • 呼吸起伏：cy + Math.round(Math.sin(f*0.1)*0.5) 让身体微微上下浮动
  • 压扁拉伸：跳起时 cy-1（拉伸感），落地时 cy+1（压扁感）
  • 倾斜：drawClawd 后额外在一侧 px() 补像素模拟倾斜
  • 交替举钳：drawClawdWave(ox,oy,eyes, f%30<15?'left':'right') 实现挥手
  • 粒子不只是爱心：不同场景用不同颜色——汗滴用 P.sl、星星用 P.sd、花瓣用自定义色

你需要写的部分

只写 ═══ YOUR ANIMATION HERE ═══ 区域的内容：

  1. DUR：动画总秒数（1-3，默认 2）
  2. 道具精灵（如需要）：二维数组 + 调色映射 + 绘制函数。控制在 10×15 格以内，颜色≤5 种
  3. getPhase(t)：1-2 个阶段，返回 {ph, pt}
  4. render(f)：动画主逻辑。调用 drawBg → drawStars → 道具 → drawClawd/drawClawdWave → 表情配件 → tickP

设计规范

  • 画布 720×720，逻辑网格 36×36（每格 20px）
  • 身体单色 #CD6E58，无渐变无阴影
  • 情绪靠 眼睛方向 + 表情配件 + 粒子 + 气泡 组合表达，不要每次都用爱心粒子
  • 动画首尾无缝循环
  • 单 HTML 文件，零依赖，30 FPS，≤15KB
  • 新道具颜色加到 P 对象，从 P 引用颜色

复杂度边界

适合：单角色、单场景、1-2 个动作阶段的小动画。 超出范围（告知用户简化）：多角色互动、场景切换、超过 5 秒的叙事。

范例 A：运动型 —— "clawd 开心蹦蹦跳"

javascript
const FPS=30, DUR=2, TOTAL=FPS*DUR;

function getPhase(t){
  if(t<0.4) return {ph:'enter',pt:t/0.4};
  return {ph:'happy',pt:(t-0.4)/0.6};
}

function render(f){
  const t=f/TOTAL, {ph,pt}=getPhase(t);
  drawBg(); drawStars(f);

  let cx=11, cy=14, eyes='forward', bounce=0;

  if(ph==='enter'){
    cx=Math.round(lerp(-15,11,easeOut(pt)));
    bounce=Math.round(Math.sin(pt*Math.PI*4)*1.5);
  } else {
    bounce=Math.round(Math.sin(pt*Math.PI*6)*2);
    eyes=Math.sin(pt*Math.PI*6)>0.5?'blink':'forward';
    if(f%6===0) addP(cx+7+Math.random()*4, cy-2, P.pink);
    if(pt>0.3){
      const hy=cy-4-Math.round(Math.sin(pt*Math.PI*2)*3);
      drawHeart(cx+15, hy, P.pink);
    }
  }

  drawClawd(cx, cy+bounce, eyes);
  if(ph==='happy' && pt>0.2) drawBlush(cx, cy+bounce, 0.6);
  tickP();
}

范例 B：静态表情型 —— "clawd 害羞"

javascript
const FPS=30, DUR=2, TOTAL=FPS*DUR;

function render(f){
  const t=f/TOTAL;
  drawBg(); drawStars(f);

  const cx=11, cy=14;
  // 微呼吸
  const breath=Math.round(Math.sin(f*0.15)*0.5);
  // 眼睛：先正视→慢慢看向下方
  const eyes=t<0.3?'forward':t<0.5?'right':'down';
  // 腮红渐入
  const blushAlpha=t<0.25?0:Math.min((t-0.25)*3, 0.8);

  drawClawd(cx, cy+breath, eyes);
  if(blushAlpha>0) drawBlush(cx, cy+breath, blushAlpha);
  // 后半段冒出小气泡
  if(t>0.6) drawBubble(cx+14, cy-4, '...');
  tickP();
}

产出文件名：描述词的英文短语，如 shy-clawd.html、rainy-day.html

© YiShu5, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in skills/clawd-animation-lite of YiShu5/claude-skills.

Open the folder on GitHubat commit 38bd735

Compare with similar skills

Clawd Animation Lite 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 Lite compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Clawd Animation Lite this skillYiShu5/claude-skills132—~2.4kAutomated safety check: PassMIT
Animejs Animationsickn33/agentic-awesome-skills47k2 repos~681Automated safety check: PassMIT
HyperFrames Animationheygen-com/hyperframes60k3 repos~2.1kAutomated safety check: PassApache-2.0
SVG Character Animationcalesthio/OpenMontage66k—~421Automated safety check: PassMIT
Gsap Framer Scroll Animationgithub/awesome-copilot40k1 repos~1.6kAutomated safety check: PassMIT
Web Animation DesignbaptisteArno/typebot.io11k2 repos~2.7kAutomated safety check: PassCustom licence

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 7 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 4 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

  • Clawd Animation

    YiShu5/claude-skills

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

    132 GitHub stars~889 tokensUpdated 20 days ago
    Auto-check passed

  • 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

Questions about Clawd Animation Lite

What does Clawd Animation Lite do?

Clawd 像素风动画生成器（轻量版）。根据用户的自然语言描述，生成1-3秒的简短clawd动画，当用户的需求的互动场景较为具体和单一，请采用轻量版本生成token消耗少、生成速度快的HTML像素风动画文件。主角是 Claude Code 的吉祥物 Clawd（像素风小螃蟹）。当用户提到 clawd、clawd 动画、像素动画、pixel animation、给 clawd…. Clawd Animation Lite is an agent skill from YiShu5/claude-skills.

How do I install Clawd Animation Lite in Claude Code?

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

How do I install Clawd Animation Lite in Codex?

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

Can I use Clawd Animation Lite 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-lite -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-lite, .gemini/skills/clawd-animation-lite, .github/skills/clawd-animation-lite and .opencode/skills/clawd-animation-lite in your project.

What does Clawd Animation Lite need to run?

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

Does Clawd Animation Lite 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 Lite 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 Lite use?

Clawd Animation Lite 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 Lite use?

About 2.4k tokens (SKILL.md is roughly 9.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Clawd Animation Lite?

Skills that share tags, products or a category with Clawd Animation Lite: 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 Lite?

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.