qiaomu-mondo-poster-design について
Mondo 風のポスター、書籍カバー、アルバムアートを制作するデザインスキルです。象徴的な構図と限定色のプロンプト作成に加え、AI Gateway API による画像生成やスタイル比較に対応します。
主な機能
- 01Mondo 風画像プロンプトの生成
- 02AI Gateway API による画像作成
- 03ポスター、カバー、アルバム向けテンプレート
- 043 種類のアートスタイルの並列比較
- 05既存ポスターの Mondo 風変換
- 06AI によるプロンプト調整と配色提案
活用シーン
- 01映画を題材にした象徴的なポスターの構想
- 02書籍やアルバム向けレトロカバーの制作
- 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.mdLICENSEREADME.mdrequirements.txtreferences/genre-templates.mdcomposition-patterns.mdartist-styles.mdbook-covers.mdscripts/generate_mondo.pygenerate_mondo_enhanced.py詳細
Mondo スタイルのデザインジェネレーター
Mondo 独特のオルタナティブな美学で、AI 画像プロンプトを生成し、実際のデザインも作成します。大胆な色使い、ミニマルな構成、象徴的なストーリーテリングで知られる、限定版のシルクスクリーンポスター、ブックカバー、アルバムアートのスタイルです。
このスキルでできること:
- あらゆる題材を対象に、詳細な Mondo スタイルのプロンプトを生成する
- AI Gateway API を通じて、画像を直接生成する
- 映画ポスター、ブックカバー、アルバムアート、イベントポスターをデザインする
- ジャンルや形式に特化したテンプレートを提供する
Mondo の基本的な美学
Mondo のポスターには、次のような特徴があります。
- 芸術的な再解釈 - 映画のシーンをそのまま描くのではなく、概念的なビジュアルに凝縮する
- シルクスクリーンの美学 - 限定された色数(2~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〜4 色、高コントラスト、ヴィンテージ風
- テクスチャのキーワードを追加する - スクリーンプリント、ハーフトーン、リソグラフ効果
- 時代を設定する - 時代に正確な美学のために 60 年代/70 年代/80 年代を指定する
最高の結果を得るためのヒント
すべきこと:
- 正確な色名と色数を指定する (「3 色: バーントオレンジ、クリーム、ネイビー」)
- 幾何学的な構図の用語を使う (中央揃え、対称、ネガティブスペース)
- ヴィンテージの正確さのために特定の年代を参照する
- 字義的な要素よりも象徴的な要素を強調する
- テクスチャ/印刷プロセスのキーワードを含める
すべきでないこと:
- フォトリアリスティックやデジタルグラデーションの用語を使う
- 複雑な顔のディテールを要求する (代わりにシルエットを使う)
- あまりに多くのスタイルを混ぜる (スクリーンプリントの美学に集中させる)
- ヴィンテージの時代背景を忘れる (60 年代〜80 年代が鍵)
- ネガティブスペースの機会を見落とす
応用: フォーマット別のアプローチ
詳細なフォーマットおよびジャンル別のテンプレートについては:
- references/genre-templates.md - ホラー、SF、西部劇、ノワールなど
- references/composition-patterns.md - レイアウト戦略と視覚的階層
- references/book-covers.md - 書籍カバーのデザインパターンとベストプラクティス
- references/artist-styles.md - Tyler Stout、Olly Moss、Martin Ansin など
🚀 強化された機能 (新着!)
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 を通じてこのスキルを使用する場合、インタラクティブにガイドできます:
次のような簡単な質問をします:
- 「題材は何ですか?」(映画/本/アルバムのタイトル)
- 「どのスタイルがしっくりきますか?」(プレビュー付きで 3〜4 つのオプションを表示)
- 「色の希望はありますか?」(または AI に提案させます)
- 「比較を見たいですか?」(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
手動生成
プロンプトを手動で生成し、ほかの画像生成ツールを使う場合:
- このスキルを使ってMondoスタイルのプロンプトを生成します
- プロンプトを次のいずれかに渡します:
/generate-image— AI Gateway API(推奨)/ai-image-generation— FLUX、Gemini、その他のモデル/qiaomu-image-generator— 記事/コンテンツのイラスト向け
推奨設定:
- モデル:
google/gemini-3.1-flash-image-preview(品質と速度のバランスに優れています) - 解像度:印刷品質には2K以上
- 形式:透過に対応したPNG