samyost1/3dicon
One prompt in, a looping animated 3D icon out — with real transparency. A Claude Code skill.
何がそれか
/3dicon は、自然言語のプロンプトをループするアニメーション3Dアイコン(実際のアルファ透明度を備えたWebPとしてエクスポート)に変換する、小型で自己ホスト可能なツールです。Claude風のプラグインから呼び出すか、コマンドラインから使用できるように設計されており、UIに直接ドロップできるアセットを生成します。
動作方法
- プロンプト → 静止画像 – ユーザーのテキストは OpenRouter を介して画像生成モデル(GPT Image と呼ばれる)に送られ、3Dスタイルの単一画像が生成されます。
- 最初と最後のフレーム – 同じ静止画像が、短い動画クリップの最初と最後のフレームとして使用されます。
- 動画モデル – 動画生成モデル(Seedance と名付けられた)が中間フレームを作成し、動きが元の静止画像に戻るように保証します。
- マッティング – 各フレームは、既知の色の背景を除去するマッティングモデルを通過させ、元の色を正確に再構築し、クリーンでソフトなエッジを実現します。
- エクスポート – 処理されたフレームがアニメーションWebPに組み立てられ、真の透明度を保持します。
鍵となるテクニックは、静止画像を開始と終了の両方で再利用することにより、動画モデルがシームレスなループを生成するように強制することです。
インストール手順
# プラグインを Claude/アシスタント環境に追加
/plugin marketplace add samyost1/3dicon
/plugin install 3dicon
# スキルをローカルにクローン(表示されるパスは Claude がスキルを保存する場所です)
cd ~/.claude/skills/3dicon
pip install -r requirements.txt # Python依存関係をインストール
cp .env.example .env # 環境テンプレートをコピー
.env を編集し、OpenRouter APIキーを挿入します:
OPENROUTER_API_KEY=sk-or-…
システムの PATH に ffmpeg が利用可能であることを確認してください。初回実行時に約180MBのマッティングモデルもダウンロードされます。
ツールの使い方
Claudeチャット(またはプラグインにコマンドを転送する任意のインターフェース)から、単純な言葉で要求します。たとえば:
make an animated 3d fire icon using /3dicon
ワークフローはインタラクティブです:
- システムが静止画像を生成し、表示します。
- 静止画像を確認します(動きの料金は、結果に満足した場合にのみ発生します)。
- その後、アニメーションの動きを提案します。再度確認します。
- 最終的なアニメーションWebPが返されます。
ライセンスと所有権
コードは MIT ライセンスの下でリリースされています。生成したアイコンは、追加制限なしにあなたが所有します。
上記のすべての詳細は、リポジトリの README から直接取得されています。
関連
- プロジェクト
- プロジェクト
- プロジェクト
- プロジェクト