Ckmbanner Design

• 1つ以上のソーシャルメディアプラットフォーム向けのバナーが必要で、1回の作業で複数のスタイルオプションから選びたい場合。
• 広告キャンペーンを実施しており、プラットフォームのテキスト比率ルールに準拠したGoogle DisplayまたはMetaバナーが必要な場合。
• ウェブサイトのヒーローセクションをデザインしており、ブランドガイドラインに沿ったAI生成ビジュアルを組み合わせたい場合。
• 300 DPIおよびブリードを備えたイベントや印刷用バナーが必要で、繰り返し使えるガイド付きワークフローを求めている場合。

• 動画編集、モーショングラフィックス、またはアニメーションバナーが必要な場合 — このスキルは静止画像のみを出力します。
• ヒーローセクション以外のウェブサイト全体のデザインが必要な場合。
• 印刷制作サービス（印刷入稿ファイルの提出、色校正）が必要な場合 — このスキルは印刷仕様ファイルを出力しますが、印刷制作の管理は行いません。

各デザインリクエストに対して、2〜3種類の異なるアートディレクションのバリアント（デフォルト：3種類）が生成されます。ミニマリスト、ボールドタイポグラフィ、グラデーション、グラスモーフィズム、ネオン、ジオメトリック、レトロなど、さまざまなスタイルをカバーしています。これにより、1つのスタイルに決定する前に、複数の方向性を比較検討することができます。

背景パターン、グラデーション、および素早いバリエーション展開には、2K対応の高速なStandard（Flash）モデルを使用します。ヒーローイラスト、フォトリアルなシーン、複雑な商品撮影には、4K対応のProモデルを使用します。Ckmbanner Designは、各要素の複雑さに応じて、自動的に最適なモデルへ振り分けます。

Facebook カバー、Twitter/X ヘッダー、LinkedIn、YouTube チャンネルアート、Instagram ストーリーと投稿、Google 広告のリーダーボードおよびミディアムレクタングル、ウェブサイトのヒーロー画像に対応したサイズ参照が内蔵されています。HTML/CSS バナーは正確なピクセル寸法でレンダリングされ、スクリーンショットが撮影されます。

すべてのバナーには、セーフゾーンルール（重要なコンテンツを中央の70〜80%に配置）、単一のCTA、最大2種類の書体、4.5:1のコントラスト比、およびMetaの「テキスト面積20%以下」のガイドラインが適用されます。印刷用出力は300 DPI、CMYKカラー、3〜5mmの裁ち落としで生成されます。

HTML/CSSの組み立て後、各バナーはChrome DevToolsを使用して名前付きPNGとして自動的にスクリーンショットされます。5 MBを超えるファイルはSharpを通じて圧縮されます。出力ファイル名はケバブケースの{style}-{width}x{height}.png形式に従い、キャンペーンフォルダごとにグループ化されます。

docs/brand-guidelines.md に保存されたブランドガイドラインは、inject-brand-context.cjs を通じてすべてのバナーに自動的に挿入されます。これにより、カラー、フォント、ロゴの配置が手動で再入力することなく、すべてのバリアント間で一貫して維持されます。

キャンペーンのヘッドライン、CTA（行動喚起）、ターゲットプラットフォーム（例：Facebookカバー＋Instagram投稿＋Twitter/Xヘッダー）をCkmbanner Designに伝えてください。スキルはデザインの参考事例をリサーチし、各サイズごとに3つのアートディレクションオプションを生成して、そのままアップロードできる名前付きPNGファイルを納品します。

広告コピーとブランドアセットをご提供ください。このスキルは、リーダーボード（728×90）とミディアムレクタングル（300×250）のペアを制作し、MetaおよびGoogleのポリシーに準拠するためテキストエリアを20%未満に抑えたうえで、広告プラットフォームに直接アップロードできる圧縮PNGファイルとしてエクスポートします。このスキルは Ckmbanner Design によって提供されます。

製品またはメッセージ、および希望するビジュアルの雰囲気を説明してください。このスキルは、オーバーレイタイポグラフィを備えたフルブリード 1920×600〜1080 のヒーロー画像を生成し、レスポンシブなトリミングに対応したセーフゾーン設計を施した上で、フロントエンドにすぐ使用できる高解像度 PNG としてエクスポートします。

物理的なサイズを指定すると、Ckmbanner Design が 300 DPI の CMYK ファイルを 3〜5 mm の塗り足し付きで出力します。印刷業者にそのまま渡せる仕様です。スタイルオプションは、イベントの種類に応じて、大胆なエディトリアルレイアウトからレトロ／ヴィンテージ処理まで幅広く対応しています。