Community画像github.com

Clean Logo Maker

クリーンでモダンなロゴコンセプトを、丸みを帯びたアプリアイコンのスタイルで作成します。ソフトな正方形タイル、シンプルなハイコントラストのシンボル、マスコットのシルエット、抽象的なモノグラム、さりげない奥行き、最小限のタイポグラフィが特徴です。

Clean Logo Maker とは?

このスキルは、プレミアムなモバイルアプリアイコン風の、コンパクトで記憶に残るロゴマークを作成するためのものです。丸みを帯びた正方形のキャンバス、ソフトなグラデーション、シンプルなシルエット、親しみやすい抽象マスコット、そして高いフォアグラウンド/バックグラウンドのコントラストを特徴とします。スタイルは意図的に削減的で、詳細、テクスチャ、装飾的なタイポグラフィよりも、一つの明確なシンボルを優先します。このスキルは、ユーザーがアプリアイコン、クリーンなロゴ、マスコットマーク、SaaS/製品ロゴ、アイコングリッド、ロゴプロンプト、AI画像ロゴ生成、またはバンドルされた角丸四角形のリファレンス例に合致するロゴを要求した場合に使用します。コアワークフローは、ブランドオブジェクトの特定、一次マークへのアイデアの還元、角丸タイルをベースにした構成、視覚的なバリエーションの生成、ファビコンサイズでの視認性の検証で構成されます。プロンプトレシピも提供され、画像生成ツールで一貫した結果を得るための構造化されたプロンプトを作成できます。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/justmaiko12/maikolabs-skills/tree/HEAD/skills/cleanlogomaker

Installed? Explore more 画像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

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

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

ドキュメント

Clean Logo Maker は何をしますか?

概要

このスキルを使用して、プレミアムなモバイルアプリアイコンのような、コンパクトで記憶に残るロゴマークを作成します。特徴は、丸みを帯びた正方形のコンテナ、ソフトなグラデーション、シンプルなシルエット、親しみやすい抽象マスコット、そして強い前景/背景のコントラストです。

スタイルは意図的に削減的です。詳細、テクスチャ、ストーリーテリング、装飾的なタイポグラフィよりも、一つの明確なシンボルを優先してください。

参考ルック

このスキルには参考画像は付属していません。言葉で表すターゲットルックは以下の通りです:

  • 丸みを帯びた正方形のタイル(iOSアプリアイコン形状)に、ソフトな垂直グラデーションまたはフラットな淡い塗りつぶし。
  • タイルごとに一つの大胆なシンボル:マスコットの顔(二つの目、耳)、シンプルなシルエット、または抽象的なグリフ。
  • ハイコントラスト:明るいまたは彩度の高いタイル上の黒または白のシンボル。せいぜいさりげない内側の影かソフトなグロウのみ。
  • 6〜12個のタイルのグリッドは、同じ角丸半径、同じシンボルの太さで、一つのファミリーとして読めます。

ユーザーが独自の参考画像を提供した場合は、それをコピーするためのマークとしてではなく、方向性として使用してください。ユーザーが所有するロゴを提供し、明示的にバリエーションを求めた場合を除き、オリジナルのシンボルを作成してください。

コアワークフロー

  1. ブランドオブジェクトを特定する:製品名、ターゲット層、雰囲気、カテゴリー、および出力がアプリアイコン、スタンドアロンロゴ、プロンプト、SVG、または画像ファイルのいずれであるかを確認します。
  2. アイデアを一つの主要なマークに還元する:動物の頭、顔、抽象的な文字形、矢印、火花、動きのあるフィギュア、カプセル、星、葉、炎、ゴースト、道具、またはモノグラム。
  3. ユーザーがスタンドアロンマークを要求した場合を除き、丸みを帯びた正方形のタイルを基に構築する。
  4. 以下の構成のいずれかを使用する:
    • ソフトなニュートラルタイルに中央配置されたマスコットまたはグリフ。
    • 彩度の高いグラデーションタイル上の黒いシルエット。
    • 暗い落ち着いたタイル上の淡いシンボル。
    • 鮮やかなグラデーション上の抽象的な白い幾何学マーク。
    • 一つの鋭い方向性アクセントを持つ最小限のモノグラム。
  5. 探索時には4〜8個のバリエーションを生成する。各バリエーションは、シルエット、パレット、または構成において意味のある違いを持たせる。
  6. faviconサイズでの視認性を検証する。マークが64ピクセルで認識できない場合は、簡略化する。

ビジュアルルール

  • キャンバス:正方形、通常1024x1024または2048x2048ピクセル。
  • 形状:大きな角丸半径、ソフトなベベル、控えめな影を持つ丸みを帯びた正方形のアプリアイコンタイル。
  • 背景:滑らかなグラデーションまたは落ち着いたマテリアル表面。派手なパターンは避ける。
  • 前景:非常に少ない内部ディテールを持つ、一つの大胆でクリーンなシンボル。
  • コントラスト:前景はタイルに対して即座に読み取れる必要がある。
  • 詳細レベル:1〜3個の意味のある形状。認識性が向上する場合は、オプションで目や切り抜きを追加してもよい。
  • タイポグラフィ:ユーザーが特にワードマークを要求しない限り、テキストは避ける。テキストが必要な場合は、短い単語またはイニシャルのみを使用する。
  • ムード:シャープ、モダン、遊び心があるが子供っぽくない、洗練されているが企業的ではない。

プロンプトレシピ

画像生成の場合、次の構造でプロンプトを作成します:

Clean modern rounded-square app icon logo for [brand/product].
Primary symbol: [simple original mark].
Style: soft 3D/material tile, minimal vector-like silhouette, bold foreground shape, high contrast, subtle gradient, premium mobile app icon, centered composition.
Palette: [2-3 colors].
Constraints: no mockup, no background scene, no small text, no realistic texture, no complex illustration, no watermark.
Output: square icon, crisp edges, readable at small size.

ツールがネガティブプロンプトをサポートしている場合は、以下を含めます:

tiny details, complex scene, realistic photo, busy background, bevel overload, excessive gloss, long text, slogan, watermark, stock logo template, imitation of existing brand mark

スタイルの方向性

これらをクイックスタートポイントとして使用します:

  • ソフトマスコット: 淡いまたは黒の動物/生き物の顔、丸い耳または角としての耳、シンプルな目の切り抜き。
  • モーションシルエット: ネオンタイルに切り込む黒いフィギュアまたはオブジェクト。対角線のエネルギー、ボディの詳細なし。
  • グリフシステム: より暗いインセット内またはソフトタイルに浮かぶ抽象的なピル/カプセル/ブランチ/アスタリスクマーク。
  • グラデーションアロー: 彩度の高い赤、青、紫、または黄色の上のシャープな白い幾何学的矢印または折り畳まれたリボン。
  • クワイエットプレミアム: チャコール/グリーンブラックのタイル上のクリーム色のシンボル、最小限の影、明るいグロウなし。
  • フレンドリーユーティリティ: シルバーまたはオフホワイトのタイルに黒いシンプルなマーク、さりげないマテリアルの奥行き。

品質基準

以下のコンセプトは拒否または修正する:

  • マークを理解するために説明を必要とするもの。
  • 細かい線画、ステッカー、ラベル、または小さな顔のディテールに依存するもの。
  • ジェネリックなロゴテンプレートマーケットプレイスの結果のように見えるもの。
  • 参考例をコピーしすぎているもの。
  • アプリアイコンロゴの代わりに、長方形のカード、ポスターレイアウト、シーン、製品モックアップ、または詳細なマスコットイラストを使用しているもの。
  • 判読不能なテキスト、またはアイコン内に文字が多すぎるもの。

成果物

ユーザーが実際のロゴ生成を要求した場合、画像ツールが利用可能であれば、画像出力を直接提供します。ユーザーがプロンプトを要求した場合、4〜8個の洗練されたプロンプトオプションを提供します。ユーザーが編集可能なベクター出力を要求した場合、同じビジュアルルールを使用してシンプルなSVGまたはHTML/SVGコンセプトを作成し、必要に応じてラスターエクスポートを提供します。

関連スキル