Geminiの画像モデルでロゴのSVGバリエーションを生成し、紹介画像にレンダリングするClaude Codeスキル。
kaankiziltug/logo-design-skill
1,400点以上のSVGロゴ参考ライブラリと監査ツールを備え、Claude、Gemini CLI、CodexなどのAIエージェントをロゴデザインの工程に導くスキル。
- スター
- 6,146
- フォーク
- 492
- 未解決の Issue
- 4
- 最終コミット
- 21 時間前
これは何?
Logo Design Skillは、Claude、Gemini CLI、Codex CLIなどのAIエージェントが、最初のブリーフから本番用SVGファイルやブランドガイドラインの作成まで、アイデンティティデザインの工程を進められるようにする指示とPythonツールのセットです。エージェントはブリーフをまとめ、キーワードを整理し、複数のコンセプトを提案します。その後、いったん作業を止めてコンセプトを提示し、確認を得てから一式の制作に進みます。
パッケージには、マークの種類、技法、業界、ムードごとに分類された、実在する1,400点以上のSVGロゴを検索できるライブラリが含まれています。ロゴの構造を学び、既存ロゴに似すぎるのを避けるために活用できます。標準ライブラリだけを使うPythonスクリプトで、SVGファイルの複雑さ、角度のわずかなズレや細かすぎる要素を監査したり、コンセプト一覧シートを作成したり、16 px表示や単色でのテストシートをレンダリングしたり、favicon、アプリアイコン、Webマニフェスト用の一式を出力したりできます。
このスキルはオープンなAgent Skills形式に準拠しているため、Claude Codeのプラグインとしてインストールするほか、Gemini CLI、Codex CLIなどの互換エージェントのskillsフォルダにコピーして利用できます。
主な機能
- 01ロゴ制作のブリーフ作成、コンセプト立案、テスト、納品までの工程をエージェントに案内する。
- 02分類済みの1,400点以上のSVGロゴライブラリをコマンドラインから検索できる。
- 03SVGファイルの複雑さ、角度のわずかなズレ、細かすぎる要素を監査する。
- 04コンセプト一覧シートに加え、16 px、単色、反転表示のテストシートを生成する。
- 05標準ライブラリだけを使ったPythonで、PNG、favicon、アプリアイコン、Webマニフェスト用のアイコン一式を出力する。
ユースケース
- 構造化された確認工程を設けながら、AIエージェントに新製品のロゴやワードマークをデザインさせる。
- リブランドの前に、既存のSVGロゴを評価して刷新する。
- 完成したマークからfavicon、アプリアイコン、単色バリエーションを作成する。
- 検索可能な参考ライブラリを使って、ロゴの構造やカテゴリごとの慣習を学ぶ。
クイックスタート
- 1
Claude Code にプラグインマーケットプレイスを追加する
/plugin marketplace add kaankiziltug/logo-design-skill - 2
logo-design プラグインをインストールする
/plugin install logo-design@logo-design-skill
使う前に知っておきたいこと
- スキルが自分で下書きをレンダリングして確認するため、画像を表示できるモデルで最も効果を発揮します。
収録されている特集
トピック
よくある質問
- logo-design-skill とは?
- 1,400点以上のSVGロゴ参考ライブラリと監査ツールを備え、Claude、Gemini CLI、CodexなどのAIエージェントをロゴデザインの工程に導くスキル。 Logo Design Skillは、Claude、Gemini CLI、Codex CLIなどのAIエージェントが、最初のブリーフから本番用SVGファイルやブランドガイドラインの作成まで、アイデンティティデザインの工程を進められるようにする指示とPythonツールのセットです。エージェントはブリーフをまとめ、キーワードを整理し、複数のコンセプトを提案します。その後、いったん作業を止めてコンセプトを提示し、確認を得てから一式の制作に進みます。
- logo-design-skill は無料で使えますか?ライセンスは?
- logo-design-skill は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- logo-design-skill は今もメンテナンスされていますか?
- 活発にメンテナンス中。logo-design-skill の最終コミットは 2026年11月6日 です。
- logo-design-skill は何に使えますか?
- 構造化された確認工程を設けながら、AIエージェントに新製品のロゴやワードマークをデザインさせる。 リブランドの前に、既存のSVGロゴを評価して刷新する。 完成したマークからfavicon、アプリアイコン、単色バリエーションを作成する。 検索可能な参考ライブラリを使って、ロゴの構造やカテゴリごとの慣習を学ぶ。
- logo-design-skill のインストール方法は?
- Claude Code にプラグインマーケットプレイスを追加する: /plugin marketplace add kaankiziltug/logo-design-skill logo-design プラグインをインストールする: /plugin install logo-design@logo-design-skill
- logo-design-skill はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/kaankiziltug/logo-design-skill
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
ロゴ、タイポグラフィ、カラーパレットを一つのブランドアイデンティティとして設計し、ガイドライン一式を書き出すClaude Code skill。
After Effectsを使わず、コードでモーショングラフィックスやローンチ動画を作るClaude Codeスキル集
Claude Code、Codex、CursorなどのAIコーディングエージェントにAgent Skillsとして仕様駆動開発のワークフローを導入し、要件、設計、タスク、自律的な実装までを支援します。
DeepSeek Harness向けの画像認識プラグイン。DeepSeekやGLMなどのテキスト専用モデルで、貼り付けた画像をOCR・レイアウト・意味情報を含む構造化JSONとして読み取れます。
AIエージェント向けのUIデザインスキル。複数の方向性を比較し、実際のスクリーンショットをもとにブラッシュアップします。