🦀 Clawd — 纯粹的 SVG + CSS 关键帧动画，制作微型像素蟹表情。还有一个代理技能，可以自己制作并导出循环（透明）GIF。
概览
两个打包的（针对Claude代码/Claude Agent SDK的），围绕一个小像素螃蟹构建。把任一放进你的技能文件夹，你的代理人就能让Clawd活起来： 微小的像素螃蟹表情，制作成——没有精灵图集，没有GIF帧，没有画布。只有S和@keyframes。 给Clawd一个道具、一顶帽子和一个动作，它就会活起来——喝咖啡、弹吉他、庆祝节日。每个表情动作都是完全用CSS动画的单一内联动画，所以它很小，任何缩放时都非常锐利，可以作为纯文本进行主题和编辑。 以下24个都是原始SVG+CSS动画，导出为循环GIF。 - 一个完整的表情只有几百字节的标记，无论大小大小都保持清晰（图像渲染会保持像素硬）。- 每张卡片读取CSS变量（--bg、--tagfg等），因此重新上色场景不会影响艺术作品本身。- 它是纯文本——调整坐标，而不是2000×2000像素图集。
概述（AI 翻译）
两个打包的agent技能（针对Claude代码/Claude Agent SDK），围绕Clawd构建，一只小像素蟹。把任一放入你的技能文件夹，你的特工就能让Clawd活起来：
| 技巧 | 它的作用 |
|---|---|
clawd-emotes |
将动画像素蟹表情设计为纯粹的 SVG + CSS 关键帧，并导出为循环（透明）GIF。 |
clawd-photo-compositor |
通过内置图像生成，将爪子放入你自己的照片中——坐在桌子上，透过显示器偷看，抱着一根线缆。 |
🦀 爪状表情
微型像素蟹表情，采用纯SVG + CSS关键帧动画构建——没有精灵图集，没有GIF帧，没有画布。只有
和@keyframes。
给Clawd一个道具、一顶帽子和一个动作，它就会活起来——喝咖啡、弹吉他、庆祝节日。每个表情都是单一的内联 ，完全用CSS动画，所以它非常小巧，任何缩放都很清晰，可以主题化，也可以编辑成纯文本。
画廊
以下24个都是原始SVG+CSS动画，导出为透明循环GIF。
** 🎉 节日**
** ☕ 日常生活**
** 🎨 爱好**
本页由 AI 翻译，技术细节请以原文为准。
README
以下为原文 README 节选，完整内容请查看原文。
🦀 clawd-skills
Two packaged agent skills (for Claude Code / the Claude Agent SDK) built around Clawd, a little pixel crab. Drop either one into your skills folder and your agent can bring Clawd to life:
| Skill | What it does |
|---|---|
clawd-emotes |
Design animated pixel-crab emotes as pure SVG + CSS keyframes, and export them to looping (transparent) GIFs. |
clawd-photo-compositor |
Drop Clawd into one of your own photos — sitting on a desk, peeking over a monitor, hugging a cable — via built-in image generation. |
🦀 clawd-emotes
Tiny pixel-crab emotes, built as pure SVG + CSS keyframe animations — no sprite sheets, no GIF frames, no canvas. Just ``s and
@keyframes.
Give Clawd a prop, a hat, and one good motion, and it comes to life — sipping coffee, strumming a guitar, celebrating a holiday. Every emote is a single inline `` animated entirely in CSS, so it’s tiny, razor-sharp at any zoom, themeable, and editable as plain text.
Gallery
All 24 below are original SVG+CSS animations, exported to transparent looping GIFs.
🎉 Festivals
☕ Daily life
🎨 Hobbies
Why SVG + CSS instead of GIFs?
- Tiny & sharp. A whole emote is a few hundred bytes of markup and stays crisp at any size (
image-renderingkeeps the pixels hard).
推荐工具
换一个关键词，或者移除筛选条件。
安装
npx skillfish add xixicc186/clawd-emotes-skill