mcpField
B
book-cover-design

book-cover-design

github.com/magentoshデザイン・UI442 回インストール12 週間前に更新
リポジトリ

book-cover-design について

inference.sh CLI から画像生成モデルを使い、ジャンルに沿った書籍カバー案を作るスキルです。作家やカバーデザイナー向けに、ビジュアルの指針、サイズの目安、案の反復手順を示し、文字は別のデザインツールで追加する方法を案内します。

主な機能

  1. 01書籍ジャンル別のカバービジュアル設計
  2. 02印刷・電子書籍のサイズ目安
  3. 03タイトル階層とフォントの組み合わせ
  4. 04複数モデルでの案の反復
  5. 05デザインツールでの文字追加

活用シーン

  1. 01小説のカバー案の作成
  2. 02配信先に合う電子書籍カバーの準備
  3. 03異なるモデルのカバー案の比較

インストール

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

$npx skills add https://github.com/magentosh/superpowers --skill book-cover-design

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

詳細

belt CLI スキルをインストール: npx skills add belt-sh/cli

書籍の表紙デザイン

inference.sh CLI を使った AI 画像生成で、ジャンルに合った書籍の表紙を作成します。

クイックスタート

inference.sh CLI(belt)が必要です。インストール手順

belt login

# Generate a thriller cover concept
belt app run falai/flux-dev-lora --input '{
  "prompt": "dark moody book cover art, lone figure standing at end of a rain-soaked alley, dramatic chiaroscuro lighting, noir atmosphere, cinematic, high contrast shadows",
  "width": 832,
  "height": 1248
}'

ジャンルごとの慣例

読者は表紙で本を判断します。ジャンルの期待に沿うことが重要です。内容に関係なく、SF のように見える表紙は恋愛小説の読者に素通りされてしまいます。

フィクション
ジャンル配色イメージタイポグラフィ雰囲気
スリラー/ミステリー暗色(黒、ネイビー、血のような赤)孤独な人物、都会の風景、影太字のサンセリフ、すべて大文字緊迫感、不穏
恋愛暖色(ピンク、赤、金、淡い紫)カップル、花、風景筆記体/カリグラフィー、優雅なセリフ情熱的、夢のよう
SF寒色(青、ティール、紫、銀)宇宙、テクノロジー、幾何学模様すっきりしたサンセリフ、未来的壮大、技術的
ファンタジー彩度の高い豊かな色(エメラルド、深紅、金)剣、魔法、風景、クリーチャー装飾的なセリフ、装飾模様壮大、魔法のよう
文学小説控えめで洗練された色抽象的、ミニマル、象徴的優雅なセリフ、控えめ思索的、芸術的
ホラー強いコントラストの差し色を使った暗色顔、影、孤立、朽ち果てたものかすれた文字、太字、垂れる文字恐怖、不安
歴史小説セピア、時代考証に合った控えめな色時代衣装、建築、遺物古典的なセリフ懐古的、本物らしい
ノンフィクション
カテゴリスタイルイメージタイポグラフィ
ビジネス/自己啓発すっきりと大胆、2~3 色ミニマル、またはなし。アイコンは任意大きく太字のサンセリフ体のタイトル
回顧録個人的で温かみがある著者の写真、または雰囲気のある風景セリフ体とサンセリフ体の組み合わせ
科学/学術プロフェッショナルで構成的図表、抽象的なビジュアルすっきりしたセリフ、構成的なレイアウト
料理本食欲をそそる明るい印象主役となる料理の写真温かみがあり、親しみやすいフォント
旅行鮮やかで憧れを誘う旅行先の写真冒険を感じさせるフォント

表紙のサイズ

印刷(仕上がりサイズ)
形式寸法主な用途
マスマーケット判ペーパーバック4.25 x 6.87"ジャンル小説
トレードペーパーバック5.5 x 8.5"多くのフィクション/ノンフィクション
標準判6 x 9"ノンフィクション、教科書
大判7 x 10"写真集、アートブック
デジタル
プラットフォーム表紙サイズアスペクト比
Amazon Kindle2560 x 1600 px(最小 1000 x 625)1.6:1
Apple Books最小 1400 x 1873 px~3:4
一般的な電子書籍2500 x 3750 px2:3
背幅

概算:ページ数 / 400 = 背幅(インチ)(用紙の種類によって異なります)。

  • 200 ページ ≈ 背幅 0.5"
  • 400 ページ ≈ 背幅 1.0"

レイアウト領域

┌─────────────────────────┐
│     TITLE ZONE          │ ← Top 1/3: Title must be readable here
│     (largest text)      │    This is what shows in thumbnails
│                         │
│                         │
│     MAIN IMAGE          │ ← Middle: Core visual/illustration
│     ZONE                │    The emotional hook
│                         │
│                         │
│     SUBTITLE /          │ ← Bottom area: Author name, subtitle
│     AUTHOR ZONE         │    Smaller text, less critical at thumbnail
└─────────────────────────┘

サムネイルでの確認

Amazon では 80x120px、検索結果では 60x90px、モバイルの一覧では約 40x60px で表紙が表示されます。

サムネイルサイズでも、読者が見分けられるようにする必要があります:

  1. ジャンル(色と構図から)
  2. タイトル(十分な大きさの場合)
  3. 雰囲気(イメージから)

テスト: 表紙の幅を 80px に縮小します。タイトルが読めない、またはジャンルを見分けられない場合は、デザインをやり直してください。

ジャンル別のプロンプト

スリラー
belt app run falai/flux-dev-lora --input '{
  "prompt": "dark cinematic book cover scene, silhouette of a person standing before a foggy bridge at night, single streetlamp casting long shadows, noir atmosphere, high contrast, desaturated blue tint, dramatic tension",
  "width": 832,
  "height": 1248
}'
恋愛
belt app run bytedance/seedream-4-5 --input '{
  "prompt": "romantic soft-focus scene, couple silhouetted against golden sunset on a beach, warm pink and gold tones, bokeh lights, dreamy atmosphere, soft pastel sky, intimate mood",
  "size": "2K"
}'
SF
belt app run falai/flux-dev-lora --input '{
  "prompt": "science fiction book cover art, massive space station orbiting a ringed planet, deep blue and teal color palette, stars and nebula background, hard sci-fi aesthetic, cinematic scale, clean geometric architecture",
  "width": 832,
  "height": 1248
}'
ファンタジー
belt app run xai/grok-imagine-image-pro --input '{
  "prompt": "epic fantasy book cover illustration, ancient stone castle on a cliff overlooking a misty valley, magical aurora in the sky, rich emerald and gold colors, detailed environment, sense of wonder and adventure",
  "aspect_ratio": "2:3"
}'
ノンフィクション/ビジネス
belt app run falai/flux-dev-lora --input '{
  "prompt": "minimal abstract book cover background, clean gradient from deep navy to white, subtle geometric pattern, professional and modern, negative space, corporate aesthetic",
  "width": 832,
  "height": 1248
}'

タイポグラフィのルール

AI はテキストを安定して描画できません。 AI で表紙のアートや背景を生成してから、デザインツールで文字を追加してください。

タイトルの階層
  1. タイトル — 最も大きく目立つように、表紙の上部 1/3 に配置
  2. 副題 — タイトルの下、または表紙の下部に小さく配置
  3. 著者名 — 表紙の下部に配置。著者の知名度に応じてサイズを決定
ジャンル別のフォントの組み合わせ
  • スリラー:タイトルは太字のサンセリフ体、著者名はコンデンス体のサンセリフ
  • ロマンス:タイトルはスクリプト体/筆記体、著者名はエレガントなセリフ体
  • SF:タイトルと著者名の両方に幾何学的なサンセリフ体
  • ファンタジー:タイトルは装飾的な中世風セリフ体、著者名はすっきりしたセリフ体
  • ビジネス:タイトルは極太のサンセリフ体、サブタイトルは細字のサンセリフ体

反復ワークフロー

# 1. Generate 5+ concepts across different models
belt app run falai/flux-dev-lora --input '{"prompt": "...", "width": 832, "height": 1248}' --no-wait
belt app run bytedance/seedream-4-5 --input '{"prompt": "..."}' --no-wait
belt app run xai/grok-imagine-image-pro --input '{"prompt": "...", "aspect_ratio": "2:3"}' --no-wait

# 2. Refine best concept with image-to-image editing
belt app run bytedance/seededit-3-0-i2i --input '{
  "prompt": "make the sky more dramatic with storm clouds, increase contrast",
  "image": "path/to/best-concept.png"
}'

# 3. Upscale for print quality
belt app run falai/topaz-image-upscaler --input '{
  "image": "path/to/final-cover.png",
  "scale": 4
}'

よくある間違い

間違い問題点修正方法
ジャンルを誤って伝える読者にスルーされます同じジャンルのベストセラーを調べます
タイトルが小さすぎるサムネイルで見えませんタイトルを上部の 1/3 に収めます
詳細を詰め込みすぎる縮小するとごちゃつきますシンプルにし、ネガティブスペースを活用します
AI 生成のテキスト文字が崩れますデザインツールでテキストを追加します
すべてを中央揃えにする単調で退屈になります意図的に非対称にします
流行に盲目的に従うすぐに時代遅れになります定番のジャンル慣習は長く通用します

チェックリスト

  • 色と構図からジャンルがひと目でわかる
  • 幅 80px でもタイトルが読める(サムネイルテスト)
  • 表紙に AI 生成のテキストを使っていない
  • カラーでもグレースケールでも見やすい
  • 対象プラットフォームに適したサイズになっている
  • 著者名が見えるが、タイトルより目立っていない
  • 高解像度(印刷用は 300 DPI、デジタル用は 2500px 以上)
  • 背表紙の文字が読める(印刷用)

関連スキル

npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@prompt-engineering
npx skills add inference-sh/skills@image-upscaling

すべてのアプリを表示:belt app list

コメント