Communitygithub.com

townmeetinghulk224/3d-logo-skill

平坦なロゴを、たった1つのコマンドで回転する3Dコインに変換します。

3d-logo-skill とは?

このスキルは、AIエージェント(Claude Code、Cursor、Codexなど)上で動作し、与えられたフラットなロゴ画像(SVGやPNGなど)を、自動的に回転アニメーションする3Dコイン形式に変換します。ユーザーは「ロゴを3Dコインにして」のような単一の自然言語コマンドを実行するだけで、内部で画像処理や3D変換のパイプラインが起動し、最終的な3Dアセット(例:アニメーションGIFやWebGL対応ファイル)が生成されます。デザイナーやマーケティング担当者が、プレゼンテーション資料やプロダクトのモックアップでインパクトのあるビジュアルを手軽に作成するのに役立ちます。対応プラットフォームは一般的なAIエージェントCLIおよびチャットインターフェースで、特別な設定は不要です。

対応~Claude Code~Codex CLI~Cursor
npx skills add townmeetinghulk224/3d-logo-skill

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

3d-logo-skill は何をしますか?

平坦なロゴを、たった1つのコマンドで回転する3Dコインに変換します。

概要

このスキルは、AIエージェントに対して単一の指示を与えるだけで、フラットなロゴ画像から回転する3Dコインのようなアセットを生成します。SVG、PNGなどの一般的な画像形式に対応し、出力はアニメーションGIFまたはインタラクティブな3Dファイル(例:GLTF形式)として利用可能です。

使用方法

AIエージェントに対して以下のように指示してください:

このロゴを3Dコインに変換して

または、画像ファイルを直接指定して:

images/logo.svg を3Dコインにして

対応プラットフォーム

  • Claude Code
  • Cursor
  • Codex
  • その他主要なAIエージェントCLI

技術詳細

内部的には以下の処理が行われます:

  1. 入力画像の解析(形式、サイズ、透明度情報)
  2. 画像の前処理(必要に応じてSVGのラスタライズ、背景の透明化)
  3. 3D形状(コイン型)へのマッピング
  4. 回転アニメーションの適用
  5. 最終出力形式へのエンコード

注意事項

  • 複雑なグラデーションや細かいテキストを含むロゴは、一部ディテールが失われる可能性があります。
  • 出力ファイルサイズは元の画像の複雑さに依存します。

関連スキル