xixicc186/clawd-emotes-skill
Developer toolsЭта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал
law Clawd — крошечные эмоты пиксельных крабов в виде чистой анимации SVG + CSS. Плюс умение агента делать свои собственные и экспортные циклы (прозрачные) GIF.
Обзор
Два упакованных (для Claude Code / Claude Agent SDK) построенных вокруг, немного пиксельного краба. Бросьте одну из них в папку навыков, и ваш агент сможет оживить Clawd: Крошечные пиксель-крабовые эмоты, построенные как — без листов спрайта, без GIF-кадров, без холста. Только s и @keyframes. Дайте Clawd реквизит, шляпу и одно хорошее движение, и оно оживет — потягивая кофе, трюмируя гитару, празднуя праздник. Каждый эмот - это один встроенный анимированный полностью в CSS, поэтому он крошечный, острый при любом зуме, тематический и редактируемый как простой текст. Все 24 ниже - это оригинальные анимации SVG + CSS, экспортируемые в петлевые GIF-файлы. Целый эмот - это несколько сотен байт разметки и остается четким при любом размере (рендеринг изображений удерживает пиксели жестко). Каждая карта считывает переменные CSS (-bg, -tagfg, ...), поэтому перекраска сцены никогда не затрагивает искусство. - Это простой текст — настройте координату, а не атлас спрайтов 2000×2000.
Обзор (машинный перевод)
Два упакованных навыка агента** (для Claude Code / Claude Agent SDK), построенных вокруг Clawd, немного пиксельного краба. Бросьте одну из них в папку навыков, и ваш агент сможет оживить Clawd:
Квалификация | Что он делает
[править править код]
| clawd-emotes | Проектирование анимированных пиксельных крабов-эмотов как чистых SVG + CSS-клавиатур, и экспорт их в петлевые (прозрачные) GIF.
clawd-photo-compositor | Бросьте Коготь** на одну из ваших собственных фотографий** — сидя на столе, заглядывая в монитор, обнимая кабель — через встроенную генерацию изображений. !
law когтистые эмоты
Крошечные пиксельные крабовые эмоты, построенные как **чистая анимация SVG + CSS-клавиатура ** — без листов спрайта, без GIF-кадров, без холста. Только [2] и [3].
Дайте Clawd реквизит, шляпу и одно хорошее движение, и оно оживет — потягивая кофе, трюмируя гитару, празднуя праздник. Каждый эмот - это один встроенный , полностью анимированный в CSS, поэтому он крошечный, острый в любом зуме, тематический и редактируемый как простой текст.
Галерея
Все 24 ниже являются оригинальными анимациями SVG + CSS, экспортируемыми в **прозрачные ** петлевые GIF-файлы.
Фестивали
** Повседневная жизнь**
** Хобби**
Эта страница переведена автоматически. Технические детали смотрите в оригинале.
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