XC

xixicc186/clawd-emotes-skill

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る

79 stars 品質 61 トレンド 18MIT

純粋な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.

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-rendering keeps the pixels hard).
GitHub で README 全文を見る

推奨ツール

別のキーワードを試すか、フィルタを外してください。

インストール

npx skillfish add xixicc186/clawd-emotes-skill
MCP 初心者?mcpskill.org のガイドから始めましょう →