mcpField
K
k2f-event-poster

k2f-event-poster

github.com/suzhengデザイン・UI3624 回インストール2 週間前に更新
リポジトリ

k2f-event-poster について

大型イベントポスター向けの `content_and_design.md` を作成するデザインスキルです。情報の優先順位、開催情報、ビジュアル意図を整理し、別途 `k2f` スキルで K2F パッケージを生成・出力します。

主な機能

  1. 01ポスターの内容とデザインの設計書
  2. 02視認距離に応じた情報レイヤー
  3. 03構図と文字配置ゾーン
  4. 04イベント種別に応じたビジュアル方針
  5. 05内容と読みやすさのチェックリスト

活用シーン

  1. 01コンサートやフェスのポスターを企画
  2. 02会議ポスターの情報階層を設定
  3. 03K2F 出力用のポスター設計書を準備

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/suzheng/k2f --skill k2f-event-poster

インストール後、Claude Code で/k2f-event-posterを入力して読み込まれたか確認します。

詳細

K2F イベントポスター — AI ネイティブな美的デザイン

目的

大判イベントのプロモーションに向けて、エージェントが content_and_design.md を作成できるようにします。扱うのは、コンテンツの選定、離れて見るときの情報レイヤー、美的意図(トーン、階層、密度、構成ゾーン)であり、K2F のパッケージ化ではありません。

K2F を基盤とする

このスキルは、イベントポスターを .K2F パッケージとして生成します。作成には k2f スキルに従ってください。ワークスペースを展開または初期化し、セマンティックツリーを編集して、パッケージ化と検証を行い、エクスポートします。K2F を使うと、エージェントはピクセル座標ではなく、意味(イベントのアイデンティティ、出演者、開催情報、雰囲気)に集中できます。エンジンがレイアウト、タイポグラフィ、テーマをコンパイルし、PDF などの各形式で一貫した出力を生成します。

作成を始める前に、コアスキルをインストールしてください:npx skills add suzheng/k2f --skill k2f。

使用する場面

  • 壁面、スクリーン、またはソーシャルメディアのヒーロー画像向けのコンサート、フェスティバル、カンファレンス、展示会、祝賀会、ワークショップ、スポーツイベント、プロモーション。
  • 縦型(11:17、2:3、A 判)または、ユーザーが掲載先を指定した場合は正方形/横型。
  • 印象的なビジュアルを 1 つ+決断力のある文字。情報過多のチラシやスライドの書き出しではありません。

ワークフロー

ステップ 1. content_and_design.md を作成する

セマンティックなコンテンツとデザイン意図を組み合わせた 1 つの設計図を作成します。エンジンが焦点となる画像を窮屈にせず構成できるよう、文字のゾーンとヒーロー領域を明示的に確保します。

サブステップ

  1. ポスターの基本条件 — イベントの種類、対象者、配布方法(印刷/デジタル/両方)、分かる場合はおおよその縦横比、ブランド上の制約を決めます。伝える印象を 1 つ明確にします。3 m 離れたところを通り過ぎた人に、何を覚えていてほしいですか?

  2. メッセージの階層 — イベント名またはキャンペーンのキャッチコピーのいずれか 1 つを、メインのアイデンティティとして定めます。コンテンツを閲覧距離ごとのレイヤーに分けます:

    • 遠距離(3~5 秒):イベントタイトルまたはヘッドライナー、主役となるビジュアルコンセプト、任意でマーク/ロゴ。
    • 近づいたとき(5~15 秒):日時、会場または都市、補足する名前 1~3 件(出演者、講演者、主催者)。経歴ではなく、短いラベルにします。
    • 近距離(任意):チケット URL、QR コードの案内、スポンサー欄、年齢/ポリシー表記。フッター帯だけに配置します。
  3. コンテンツの階層 — 情報をヒーロー(タイトル+ビジュアルストーリー)、補足(日時、会場、出演者一覧、価格帯)、フッター(スポンサー、法的表記、ソーシャルハンドル)に分類します。アジェンダ、段落、重複する URL は省きます。リンク先に載せるような詳しい情報は、別の場所に記載します。

  4. ジャンルに合わせる — ありきたりなテンプレートに頼らず、強調する要素を調整します:

    • 音楽/ナイトライフ:熱気、ヘッドライナーの階層、日時、会場。セットリストのような長文は避けます。
    • カンファレンス/基調講演:権威あるトーン、講演者名+テーマを引き立てるフック、日時/場所のリボン。
    • 展示会/ギャラリー:アーティストまたは展示タイトル、開催日程、施設。落ち着いたネガティブスペースを設けます。
    • スポーツ/コミュニティ:動きを感じさせる表現、対戦カードまたは大義、日時/会場のブロック。
    • 企業ローンチ:製品またはテーマのキャッチコピー、根拠となるポイント 1 つ、登録の CTA。
  5. 構成ゾーン — 上部 3 分の 1:タイトル/ヘッドライナー。中央:ヒーローまたはモチーフ。下部:開催情報と CTA。混雑した画像に重ねる場合は、バランス、安全マージン、オーバーレイ/パネルの意図も記載します。

  6. 削減の見直し — ミッションステートメント、詳細な全日程、複数の CTA、訴求力の弱いタイトル(「Annual Event 2026」など)を削除します。ユーザーが提示した具体性のあるジャンル、メリット、または人物名を使って、フックを際立たせます。

  7. デザイン意図 — エンジン向けに以下を記録します:

    • トーン:ムードの組み合わせを 1 つ(例:ネオンレイブ、ギャラリー風ミニマル、スタジアムのような熱狂)選び、会場と対象者に合わせます。
    • 階層:ディスプレイタイトル > 日時/会場の帯 > 補足する名前 > フッター。競合する見出しサイズを 3 つ作らないでください。
    • 密度:ポスターは画像を前面に出すものです。本文コピーを抑え、確保したゾーンで文字にゆとりを持たせます。
    • 配色と光:ニュートラルカラーと合わせて 2~3 色に絞ります。コントラストの方向性(暗く映画的、パステルレトロ、明るく開放的なコーポレート調)を指定します。
    • スタイルの手がかり:イベントに役立つ場合に限り、時代やアートディレクションを示します(装飾的なキーワードの羅列は避けます)。
    • 掲載先:印刷用かソーシャルメディア用か、トリミングの前提を簡潔に記載します。

ルールと制約

  • 1 イベントにつき 1 ポスター:ユーザーが共通のスタイルノートを用いたキャンペーンセットを希望しない限り、シリーズの各公演やトラックは個別のポスターに分けます。
  • タイポグラフィのゾーン:タイトルと開催情報をメインビジュアルに対してどこに配置するか、必ず明記します。日付を文章中に散らさないでください。
  • CTA は 1 つに絞る:主なアクションを 1 つにします(チケット、登録、出欠の返答)。追加のアクションはフッターにまとめます。
  • 開催情報の読みやすさ:日付、時刻、場所(または配信に関する情報)は、少し離れた位置からでもひと目で読み取れるようにします。
  • 正確性の確認:出演者、価格、会場、スポンサーを捏造しないでください。プレースホルダーにはその旨を明記します。
  • 距離を優先:スマートフォンでさっとプレビューしたときに読めない場合は、短くするか、見出しとして目立たせます。

よくある失敗

失敗修正
ポスターにチラシのように情報を詰め込むメイン/サポート/フッターを徹底し、リストはリンク先または配布資料に移します。
背景が複雑なメインビジュアルに文字を重ねるデザインブロックにオーバーレイ、パネル、分割フィールドの意図を指定します。
階層がフラットディスプレイタイトルを 1 つにし、ヘッドライナーは二次的に扱い、日付と会場は構造化された帯にまとめます。
ありきたりなフェス風の見た目ユーザーが示したジャンル、都市、会場の手がかりを配色とモチーフの基準にします。
いつ、どこで開催するかが不明アートがミニマルな場合でも、情報をひと目で確認できる専用の帯を設けます。
スライド資料をそのまま貼り付けるスライドのタイトルを、ポスタータイトルと単一のビジュアルコンセプトに置き換えます。
注目点が競合するメインビジュアルの主題は 1 つにし、ラインナップは 2 つ目のイラストではなく、文字の帯として配置します。

品質チェックリスト

  • ポスターの要件:イベントの種類、対象者、掲載先、アスペクト比の意図、伝える印象を明記した。
  • 遠距離/中距離/近距離の各レイヤーを設定し、メイン/サポート/フッターを割り当てた。
  • 構成ゾーン(上部/メインビジュアル/下部)とバランスを説明した。
  • デザインの意図に、トーン、階層、情報密度、配色、掲載先を盛り込んだ。
  • 主な CTA は 1 つにし、開催情報を確認用の帯にまとめた。
  • ジャンルに合った強調を行い、情報を削る見直しを適用した。
  • 事実を捏造せず、プレースホルダーを明記した。
ステップ 2. content_and_design.md と k2f スキルを使って K2F ファイルを生成し、適切なファイル形式でエクスポートします。

k2f に従って設計図からポスターを作成し、デザインの意図に基づいて役割を割り当て、検証してからエクスポートします(通常、印刷用は PDF、デジタル用は PNG/PDF)。

コメント