mcpField
Q
qiaomu-mondo-poster-design

qiaomu-mondo-poster-design

github.com/joeseesunデザイン・UI1.3k1.4k 回インストール32 週間前に更新
リポジトリ

qiaomu-mondo-poster-design について

Mondo 風のポスター、書籍カバー、アルバムアートを制作するデザインスキルです。象徴的な構図と限定色のプロンプト作成に加え、AI Gateway API による画像生成やスタイル比較に対応します。

主な機能

  1. 01Mondo 風画像プロンプトの生成
  2. 02AI Gateway API による画像作成
  3. 03ポスター、カバー、アルバム向けテンプレート
  4. 043 種類のアートスタイルの並列比較
  5. 05既存ポスターの Mondo 風変換
  6. 06AI によるプロンプト調整と配色提案

活用シーン

  1. 01映画を題材にした象徴的なポスターの構想
  2. 02書籍やアルバム向けレトロカバーの制作
  3. 03同じ題材で異なるアートスタイルを比較

インストール

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

$npx skills add https://github.com/joeseesun/qiaomu-mondo-poster-design --skill qiaomu-mondo-poster-design

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

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

README.en.md
LICENSE
README.md
requirements.txt
references/
genre-templates.md
composition-patterns.md
artist-styles.md
book-covers.md
scripts/
generate_mondo.py
generate_mondo_enhanced.py

詳細

Mondo スタイルのデザインジェネレーター

Mondo 独特のオルタナティブな美学で、AI 画像プロンプトを生成し、実際のデザインも作成します。大胆な色使い、ミニマルな構成、象徴的なストーリーテリングで知られる、限定版のシルクスクリーンポスター、ブックカバー、アルバムアートのスタイルです。

このスキルでできること:

  • あらゆる題材を対象に、詳細な Mondo スタイルのプロンプトを生成する
  • AI Gateway API を通じて、画像を直接生成する
  • 映画ポスター、ブックカバー、アルバムアート、イベントポスターをデザインする
  • ジャンルや形式に特化したテンプレートを提供する

Mondo の基本的な美学

Mondo のポスターには、次のような特徴があります。

  1. 芸術的な再解釈 - 映画のシーンをそのまま描くのではなく、概念的なビジュアルに凝縮する
  2. シルクスクリーンの美学 - 限定された色数(2~5色)、フラットな色面、ハーフトーンの質感
  3. ミニマルな象徴表現 - キャラクターの顔よりも、重要な小道具、シルエット、ネガティブスペースを重視する
  4. 大胆でヴィンテージ感のあるタイポグラフィ - 手描きのレタリング、コンデンス体のサンセリフ、アールデコの影響
  5. レトロなカラーパレット - 高彩度、ヴィンテージ調のデュオトーン、大胆なコントラスト(オレンジ/ティール、赤/クリームなど)

プロンプトの構成

Mondo スタイルのプロンプトを生成するときは、次のテンプレートを使います。

[SUBJECT] in Mondo poster style, [COMPOSITION], [COLOR PALETTE],
screen print aesthetic, limited edition poster art, [KEY VISUAL ELEMENTS],
[TEXTURE/FINISH], minimalist design, vintage movie poster, [MOOD/TONE]
必須要素

スタイルの基準(必ず含めます):

  • 「Mondo poster style」または「alternative movie poster」
  • 「screen print aesthetic」または「silkscreen print」
  • 「limited edition poster art」
  • 「vintage [decade] movie poster」(60s/70s/80s)

構図のテクニック(1~2つ選択):

  • 中央に配置した左右対称の構図
  • [色]の背景に対するシルエット
  • ネガティブスペースを使ったストーリーテリング
  • 幾何学的なフレーミング(円、三角形、アーチ)
  • 前景/中景/背景による奥行きのレイヤー表現

色の戦略(明確に指定):

  • 限定パレット:「3-color screen print: [色1]、[色2]、[色3]」
  • デュオトーン:「[暖色] and [寒色] duotone」
  • ヴィンテージ配色:「70s palette: burnt orange, mustard yellow, brown」
  • 高コントラスト:「[色]を[色]の背景に大胆に配置」

ビジュアル要素(直接的ではなく、象徴的に):

  • 重要な小道具や物体(武器、乗り物、象徴的なアイテム)
  • 細部まで描き込んだ顔ではなく、シルエット
  • イメージを隠す幾何学的な形
  • 環境のムード(霧、雨、影)
  • 象徴的な動物や自然の要素

質感と仕上げ(本物らしさを加える要素):

  • 「halftone dot texture」
  • 「risograph printing effect」
  • 「paper texture grain」
  • 「slight misalignment between color layers」
  • 「vintage print imperfections」

アーティストごとのバリエーション

さまざまな Mondo アーティストのスタイルについては、references/artist-styles.mdを参照してください。

クイックリファレンス:

  • Tyler Stout スタイル:キャラクターを密集させたコラージュ、精緻なディテール、密度の高い構図
  • Olly Moss スタイル:極限までミニマル、巧みなネガティブスペース、1~2色
  • Martin Ansin スタイル:アールデコの影響、優雅な線描、落ち着いたヴィンテージ調の色合い

プロンプトの例(すっきりしたデザイン向けに最適化)

フィルムノワール(ミニマル)
Detective silhouette in fedora in Mondo poster style, vertical 9:16 portrait,
single centered figure, 3-color screen print: deep blue, cream, red accent,
clean minimalist composition, halftone texture, vintage 1940s aesthetic
SF(ミニマルな目の窓)
Astronaut helmet visor reflecting alien planet in Mondo poster style, vertical 9:16,
centered circular composition, 3-color screen print: orange, teal, black, single
focal element, negative space storytelling, clean retro 1970s sci-fi aesthetic
ホラー(象徴的な建築)
Victorian mansion single lit window in Mondo poster style, vertical 9:16 portrait,
centered Gothic silhouette, 3-color screen print: black, burgundy, cream, single
focal point, clean simple composition, vintage 1970s horror aesthetic

高度なネガティブスペースのテクニック

Mondo デザインの上級テクニックでは、図と地の反転を使います。これは、ネガティブスペース(インクのない領域)が意味のある形を作り出す手法です。隠された意外性を持つ、二重構造のビジュアル体験を生み出します。

テクニック1:巧みな視覚的な言葉遊び(Olly Moss スタイル)

1つの要素に2つの役割を持たせます:

  • シルエットのネガティブスペースの中に、別のシーンを含める
  • 背景の形そのものを、ストーリーの要素にする
  • 描かれていないものからも、描かれているものと同じくらい多くを伝える

構成例:

[Subject silhouette] in Mondo poster style, vertical 9:16, negative space WITHIN
silhouette reveals [hidden element], Olly Moss figure-ground inversion, 2-color
duotone: [color 1] and [color 2], clever dual imagery, what's missing tells the story

実際の作品から得られるアイデア:

  • Darth Vader のシルエットのネガティブスペースに、AT-ST の戦闘シーンを描く
  • ネガティブスペースが街のスカイラインを形作る探偵帽
  • 刃にヴィランのシルエットが映るナイフ
テクニック2:スケールの対比によるドラマ

小さいものと巨大なものの対比で、感情に訴えます:

  • 小さな人物と巨大な物体/生き物を組み合わせる
  • 孤独、驚嘆、脅威を強調する
  • 余白を活かすため、ネガティブスペースを70%使用する

構成例:

Tiny [subject] with massive [object] looming in Mondo poster style, vertical 9:16,
dramatic scale contrast, [subject] occupies only bottom 20%, vast negative space
above, 2-3 color screen print, sense of [emotion: awe/isolation/danger]
テクニック 3: 単一シェイプのストーリーテリング

1 つの象徴的なシェイプが物語全体を捉えます:

  • 雑多な要素はなし、複数の要素もなし
  • 1 つの完璧なシンボルにすべてを担わせる
  • 30% グラフィック、30% テキスト、40% 余白 (2024 年のベストプラクティス)

構成の例:

Single [iconic object/symbol] centered in Mondo poster style, vertical 9:16,
ONLY this one element, surrounded by vast negative space, 2-color print:
[color 1] on [color 2] background, Olly Moss ultra-minimal approach, one
image tells complete story

実証済みの成功パターン

成功した生成事例に基づくと、これらのパターンは一貫して優れた結果をもたらします:

パターン 1: 単一のフォーカルポイント (ミニマリスト・クリーン)

主な原則:

  • 中央の要素は 1 つだけ (目、オブジェクト、シルエット)
  • 縦長 9:16 フォーマット
  • 色は最大 2〜3 色
  • フォーカルポイントの周囲にネガティブスペース
  • クリーンで雑多な要素がなく、象徴的

簡略化した構成:

[Single element] in Mondo poster style, vertical 9:16, centered single focal point,
3-color screen print: [color 1], [color 2], [color 3], clean minimalist composition,
vintage [decade] aesthetic, simple and iconic
パターン 2: 雰囲気のある単一被写体 (クリーン・レイヤード)

主な原則:

  • シンプルな背景に 1 つのメイン被写体
  • 縦長 9:16 フォーマット
  • 雰囲気を出すために 3〜4 色
  • 被写体を前景に、シンプルな背景
  • クリーンな構図で、雑多な要素はなし

簡略化した構成:

[Main subject] in Mondo poster style, vertical 9:16, single subject with [simple backdrop],
3-color screen print: [atmospheric colors], clean composition, vintage [decade] aesthetic,
focused and simple

ワークフロー

  1. 被写体を特定する - 映画、書籍、アルバム、バンド、イベント、またはコンセプト
  2. 象徴的な要素を選ぶ - 本質を捉える 1 つのイメージは何か?
  3. 構図パターンを選択する - ミニマリスト象徴型 または レイヤード雰囲気型
  4. カラーパレットを選択する - 最大 2〜4 色、高コントラスト、ヴィンテージ風
  5. テクスチャのキーワードを追加する - スクリーンプリント、ハーフトーン、リソグラフ効果
  6. 時代を設定する - 時代に正確な美学のために 60 年代/70 年代/80 年代を指定する

最高の結果を得るためのヒント

すべきこと:

  • 正確な色名と色数を指定する (「3 色: バーントオレンジ、クリーム、ネイビー」)
  • 幾何学的な構図の用語を使う (中央揃え、対称、ネガティブスペース)
  • ヴィンテージの正確さのために特定の年代を参照する
  • 字義的な要素よりも象徴的な要素を強調する
  • テクスチャ/印刷プロセスのキーワードを含める

すべきでないこと:

  • フォトリアリスティックやデジタルグラデーションの用語を使う
  • 複雑な顔のディテールを要求する (代わりにシルエットを使う)
  • あまりに多くのスタイルを混ぜる (スクリーンプリントの美学に集中させる)
  • ヴィンテージの時代背景を忘れる (60 年代〜80 年代が鍵)
  • ネガティブスペースの機会を見落とす

応用: フォーマット別のアプローチ

詳細なフォーマットおよびジャンル別のテンプレートについては:

🚀 強化された機能 (新着!)

1. AI によるプロンプト最適化

AI に元の意図を尊重しながらプロンプトを強化させましょう:

python3 scripts/generate_mondo_enhanced.py "Blade Runner" movie --ai-enhance

仕組み:

  • 元のアイデアを受け取ります
  • 完璧な象徴的要素を 1 つ追加します
  • 補完的な色を提案します (上書き可能)
  • ネガティブスペースのテクニックを使用します
  • クリーンでミニマルに保ちます

例:

# Your input: "Inception movie"
# AI enhances to: "Spinning top floating in Mondo poster style, vertical 9:16,
# single iconic object, negative space reveals dream layers, 2-color duotone:
# gold and deep blue, Olly Moss minimal approach"
2. 3 列のスタイル比較

3 つの異なるスタイルを並べて生成し、最適なものを選べます:

python3 scripts/generate_mondo_enhanced.py "Dune" movie --compare saul-bass,olly-moss,kilian-eng

最適な用途:

  • さまざまな芸術的アプローチの探索
  • クライアントへのプレゼンテーション
  • 被写体に最適なスタイルの発見
3. イメージ・トゥ・イメージ変換

既存のポスターを Mondo スタイルに変換します:

python3 scripts/generate_mondo_enhanced.py "noir thriller" movie --input original_poster.jpg --style saul-bass

ユースケース:

  • 写真のポスターをイラスト調のスタイルに変換する
  • 既存のデザインに Mondo の美学を適用する
  • クラシックなポスターを再解釈する
4. 20 人の偉大なポスターアーティスト

20 の伝説的なアーティストスタイルを収録:

ベル・エポックの先駆者たち:

  • jules-cheret - 明るく楽しい色彩、ダイナミックな女性像
  • toulouse-lautrec - フラットなブロック、ジャポニスムの影響、大胆なシルエット
  • alphonse-mucha - アール・ヌーヴォーの流れる曲線、華やかな花柄
  • steinlen - 社会主義的リアリズム、表現豊かな線、猫のモチーフ
  • eugène-grasset - 中世ゴシック、ステンドグラスの美学

モダニズムの巨匠たち:

  • saul-bass - ミニマルな幾何学的抽象、視覚的メタファー
  • cassandre - キュビスムの平面、劇的な遠近感、アール・デコ
  • milton-glaser - サイケデリック・ポップアート、革新的なタイポグラフィ
  • josef-muller-brockmann - スイスグリッド、数学的な精密さ
  • paul-rand - 遊び心のある幾何学、巧みな視覚的ダジャレ

映画の伝説たち:

  • drew-struzan - 絵画的なリアリズム、壮大なシネマティック、ノスタルジックな光
  • olly-moss - 超ミニマルなネガティブスペース、隠されたイメージ
  • tyler-stout - マキシマリストなコラージュ、緻密なディテール
  • martin-ansin - アール・デコのエレガンス、洗練されたヴィンテージ
  • laurent-durieux - 視覚的ダジャレ、神秘的な雰囲気

コンテンポラリー:

  • kilian-eng - 幾何学的フューチャリズム、精密なテクニカルライン
  • dan-mccarthy - 超フラットな幾何学的抽象
  • jock - 粗削りで表現豊かな筆致、ダイナミックなアクション
  • shepard-fairey - プロパガンダ風、ハーフトーン、政治的
  • jay-ryan - フォーキーでハンドメイド、温かみのあるテクスチャーでシンプル
  • paula-scher - タイポグラフィのマキシマリズム、重ねられたテキスト

すべてのスタイルを表示:

python3 scripts/generate_mondo_enhanced.py --list-styles
5. スマートな色の提案

AI が補色を提案しますが、上書きすることもできます:

# Let AI suggest colors
python3 scripts/generate_mondo_enhanced.py "Jazz Festival" event --style jules-cheret

# Or specify your own
python3 scripts/generate_mondo_enhanced.py "Jazz Festival" event --style jules-cheret --colors "vibrant yellow, deep blue, red"

Claude とのインタラクティブな使用

Claude Code を通じてこのスキルを使用する場合、インタラクティブにガイドできます:

次のような簡単な質問をします:

  1. 「題材は何ですか?」(映画/本/アルバムのタイトル)
  2. 「どのスタイルがしっくりきますか?」(プレビュー付きで 3〜4 つのオプションを表示)
  3. 「色の希望はありますか?」(または AI に提案させます)
  4. 「比較を見たいですか?」(3 つのバージョンを生成)

Mondo の美学に詳しくなくても、簡単に使えます!


画像の直接生成

このスキルは、同梱のスクリプトを使用して実際の画像を直接生成できます:

拡張版 (推奨)

全機能セット: AI 強化、比較、image-to-image、20 人のアーティスト

python3 scripts/generate_mondo_enhanced.py "subject" "type" [options]

拡張パラメーター:

  • subject: デザインする対象
  • type: デザインの種類 - 「movie」、「book」、「album」、「event」
  • --style: アーティストスタイル (20 のオプション、--list-styles を参照)
  • --ai-enhance: AI にプロンプトを最適化させる (あなたの意図を尊重します)
  • --compare: 3 スタイルの比較を生成 (例: 「saul-bass,olly-moss,jock」)
  • --input: image-to-image 変換用の入力画像
  • --colors: 色の希望 (例: 「orange, teal, black」)
  • --aspect-ratio: アスペクト比 (デフォルト: 9:16)
  • --output: カスタム出力パス
  • --no-generate: プロンプトのみを表示

拡張版の例:

AI で最適化された生成:

python3 scripts/generate_mondo_enhanced.py "Blade Runner" movie --ai-enhance

3 スタイルの比較:

python3 scripts/generate_mondo_enhanced.py "Akira" movie --compare kilian-eng,saul-bass,jock

特定のアーティストによる image-to-image:

python3 scripts/generate_mondo_enhanced.py "cyberpunk noir" movie --input poster.jpg --style saul-bass

色の希望を指定:

python3 scripts/generate_mondo_enhanced.py "Jazz Night" event --style milton-glaser --colors "psychedelic orange, purple, yellow"

20 のアーティストスタイルをすべて表示:

python3 scripts/generate_mondo_enhanced.py --list-styles
標準版(シンプル&高速)

すばやく生成するための基本的な使い方:

python3 scripts/generate_mondo.py "subject" "type" [options]

パラメーター:

  • subject:デザインする題材(例:「ニューロマンサーのサイバーパンク小説」、「ジャズコンサートのポスター」)
  • type:デザインの種類 — 「映画」、「書籍」、「アルバム」、「イベント」
  • --aspect-ratio / --ratio:アスペクト比(デフォルト:モバイル/ソーシャルメディア向けの 9:16)
    • 一般的な比率:9:16(縦向きのモバイル)、16:9(横向き)、1:1(正方形)、2:3、3:2、4:5
  • --style:アーティストのスタイル — 「olly-moss」、「tyler-stout」、「minimal」、「atmospheric」(デフォルト:自動)
  • --output:カスタムの出力先パス(デフォルト:outputs/)
  • --no-generate:画像を生成せず、プロンプトのみを作成

デフォルトが9:16である理由

  • 最新のモバイルデバイスやソーシャルメディア(Instagram Stories、TikTok、Reels)に最適化されています
  • ポスターやブックカバーに適した、縦方向の構図になります
  • スマートフォンの画面スペースを最大限に活用できます

例:

映画ポスター(デフォルトの9:16縦向き):

python3 scripts/generate_mondo.py "Akira cyberpunk anime" "movie"

ミニマルスタイルのブックカバー(9:16):

python3 scripts/generate_mondo.py "1984 dystopian novel" "book" --style minimal

正方形の比率のアルバムカバー:

python3 scripts/generate_mondo.py "Pink Floyd The Wall progressive rock" "album" --aspect-ratio 1:1

横向きのシネマポスター:

python3 scripts/generate_mondo.py "Western film Sergio Leone" "movie" --aspect-ratio 16:9

印刷向けのカスタム比率:

python3 scripts/generate_mondo.py "Jazz Festival poster" "event" --ratio 2:3 --style atmospheric

プロンプトのみを生成(画像なし):

python3 scripts/generate_mondo.py "Dune sci-fi epic" "movie" --no-generate
手動生成

プロンプトを手動で生成し、ほかの画像生成ツールを使う場合:

  1. このスキルを使ってMondoスタイルのプロンプトを生成します
  2. プロンプトを次のいずれかに渡します:
    • /generate-image — AI Gateway API(推奨)
    • /ai-image-generation — FLUX、Gemini、その他のモデル
    • /qiaomu-image-generator — 記事/コンテンツのイラスト向け

推奨設定:

  • モデル:google/gemini-3.1-flash-image-preview(品質と速度のバランスに優れています)
  • 解像度:印刷品質には2K以上
  • 形式:透過に対応したPNG

コメント