
xixicc186/clawd-emotes-skill
Developer toolsこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
純粋なSVG + CSSキーフレームアニメーションとして小さなピクセルクラブのemotes。 あなた自身のおよび輸出のループ(transparent)のGIFを作るために代理店のスキルプラス.
概要
2つのパッケージ化(クロードコード/クロードエージェントSDK用)、少しピクセルカニ。 スキルフォルダに1つずつドロップすると、エージェントは人生にクロードをもたらすことができます。 スプライトシート、GIFフレームなし、キャンバスなし - として構築された小さなピクセル - クラブエモテ。 sと@keyframesだけ。 プロップ、帽子、そして1つの良い動きを与え、それは人生に来る - コーヒーをシッピングし、ギターを弾く、休日を祝う。 すべてのemoteは、CSSで完全にアニメーション化された単一のインラインです。そのため、任意のズームで小さな、任意のズームでrazor-sharp、テーマをテーマとし、プレーンテキストとして編集可能です。 GIFをループするためにエクスポートされたSVG+CSSアニメーションはすべて24です。 - 全体の表は、マークアップの数百バイトであり、任意のサイズで鮮明にとどまります(画像レンダリングはピクセルをハード保ちます)。 - 各カードはCSS変数(---bg、 --tagfg、...)を読みますので、シーンを再配置することは決して芸術に触れません。 ・ 2000×2000のスプライトアトラスではなく、座標を調整するという単純なテキストです.
概要(AI 翻訳)
2つのパッケージ化されたエージェントのスキル(Claudeコード/Claude Agent SDKの場合)。 スキルフォルダに1つずつドロップすると、エージェントは人生にクロードをもたらすことができます。
| スキル | お問い合わせ |
| お問い合わせ |
|[clawd-emotes | アニメーションピクセルクラブを純粋なSVG + CSSのキーフレームとして設計し、それらをループ(透明)GIFにエクスポートします。 |
|【clawd-photo-compositor | 自分の写真の1つに** - 机の上に座って、モニターを覗いて、ケーブルを抱く - ビルトインイメージ生成を介して。 お問い合わせ
お問い合わせ
🦀 emo
スプライトシート、GIFフレームなし、キャンバスなしの**ピュアSVG + CSSキーフレームアニメーションとして構築された小さなピクセルクラブエモテ。 [
s と@keyframesだけ。
プロップ、帽子、そして1つの良い動きを与え、それは人生に来る - コーヒーをシッピングし、ギターを弾く、休日を祝う。 すべてのemoteは、CSSで完全にアニメーション化された単一のインライン[ です。そのため、任意のズーム、テーマ、およびプレーンテキストとして編集可能で小さな、かみそりシャープです。
##ギャラリー
下記の24はすべてオリジナルSVG+CSSアニメーションで、transparentループ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