Communitygithub.com

101-skills/superpowers

ジャンル固有の慣習、タイポグラフィルール、AI画像生成に対応した表紙デザイン。フィクション、ノンフィクションの両ジャンル、サイズ設定、サムネイルテスト、反復ワークフローをカバー。自費出版、電子書籍カバー、印刷カバー、オーディオブックカバー、カバーモックアップに使用。

superpowers とは?

このスキルは、AI画像生成を使用してジャンルに適した書籍表紙をデザインするための包括的なガイドを提供します。表紙デザインにおいて、ジャンルの慣習を理解することがいかに重要かを強調し、フィクションとノンフィクションの両方の表向けの色、イメージ、タイポグラフィ、ムードについて詳細な表を提供します。また、印刷とデジタル両方の表紙サイズガイド、レイアウトゾーンの図解、サムネイルテストの手順(読者が小さくてもタイトルとジャンルを識別できることを確認するため)も含まれています。このスキルは、inference.sh CLI(belt)を活用して、さまざまなジャンル向けのAIモデルを使用した画像生成の具体的な例を示しています。さらに、タイポグラフィのルール、反復ワークフロー、一般的な間違い、チェックリストも提供し、プロフェッショナルな見た目の表紙を作成するための実用的なアドバイスを提供します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/101-skills/superpowers/tree/HEAD/guides/design/book-cover-design

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

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

書籍表紙デザイン

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

クイックスタート

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

belt login

# スリラー表紙のコンセプトを生成
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" 背幅

レイアウトゾーン

┌─────────────────────────┐
│     タイトルゾーン       │ ← 上1/3: タイトルがここで読めるようにする
│     (最大テキスト)      │    サムネイルで表示される部分
│                         │
│                         │
│     メイン画像          │ ← 中央: コアビジュアル/イラスト
│     ゾーン              │    感情的なフック
│                         │
│                         │
│     サブタイトル /      │ ← 下部: 著者名、サブタイトル
│     著者ゾーン          │    小さいテキスト、サムネイルでは重要度低
└─────────────────────────┘

サムネイルテスト

あなたの表紙は、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. 複数のモデルで5つ以上のコンセプトを生成
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. 画像間編集で最良のコンセプトを洗練
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. 印刷品質にアップスケール
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

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

101-skills/superpowers

Build automated AI workflows combining multiple models and services. Patterns: batch processing, scheduled tasks, event-driven pipelines, agent loops. Tools: inference.sh CLI, bash scripting, Python SDK, webhook integration. Use for: content automation, data processing, monitoring, scheduled generation. Triggers: ai automation, workflow automation, batch processing, ai pipeline, automated content, scheduled ai, ai cron, ai batch job, automated generation, ai workflow, content at scale, automation script, ai orchestration

101-skills/superpowers

Build multi-step AI content creation pipelines combining image, video, audio, and text. Workflow examples: generate image -> animate -> add voiceover -> merge with music. Tools: FLUX, Veo, Kokoro TTS, OmniHuman, media merger, upscaling. Use for: YouTube videos, social media content, marketing materials, automated content. Triggers: content pipeline, ai workflow, content creation, multi-step ai, content automation, ai video workflow, generate and edit, ai content factory, automated content creation, ai production pipeline, media pipeline, content at scale

101-skills/superpowers

Create AI-powered podcasts with text-to-speech, music, and audio editing. Tools: Kokoro TTS, DIA TTS, Chatterbox, AI music generation, media merger. Capabilities: multi-voice conversations, background music, intro/outro, full episodes. Use for: podcast production, audiobooks, voice content, audio newsletters. Triggers: podcast, ai podcast, text to speech podcast, audio content, voice over, ai audiobook, multi voice, conversation ai, notebooklm alternative, audio generation, podcast automation, ai narrator, voice content, audio newsletter, podcast maker

101-skills/superpowers

Generate multi-person talking head podcast videos from scratch using AI — character creation, TTS, avatar animation, and video stitching. Use when the user wants to create a podcast, talking head video, or multi-speaker conversation video.

101-skills/superpowers

Content atomization — turn one piece of content into many formats. Covers blog-to-thread, blog-to-carousel, podcast-to-blog, video-to-quotes, and more. Use for: content marketing, social media, multi-platform distribution, content strategy. Triggers: content repurposing, repurpose content, content atomization, content recycling, one to many content, multi platform content, cross post, adapt content, reformat content, blog to thread, blog to video, podcast to blog, content multiplication

101-skills/superpowers

App Store and Google Play screenshot creation with exact platform specs. Covers iOS/Android dimensions, gallery ordering, device mockups, and preview videos. Use for: app store optimization, ASO, app screenshots, app preview, play store listing. Triggers: app store screenshots, aso, app store optimization, play store screenshots, app preview, app listing, ios screenshots, android screenshots, app store images, app mockup, device mockup, app gallery, store listing

101-skills/superpowers

Character consistency across AI-generated images with reference sheets and LoRA techniques. Covers turnaround views, expression sheets, color palettes, and style consistency tricks. Use for: character design, game art, illustration, animation, comics, visual novels. Triggers: character design, character sheet, character consistency, character reference, turnaround sheet, expression sheet, character art, consistent character, character concept, reference sheet, character creation, oc design, character bible

101-skills/superpowers

Data visualization with chart selection, color theory, and annotation best practices. Covers chart types (bar, line, scatter, heatmap), axes rules, and storytelling with data. Use for: charts, graphs, dashboards, reports, presentations, infographics, data stories. Triggers: data visualization, chart, graph, data chart, bar chart, line chart, scatter plot, data viz, visualization, dashboard chart, infographic data, data presentation, chart design, plot, heatmap, pie chart alternative

101-skills/superpowers

Email marketing design with layout patterns, subject line formulas, and deliverability rules. Covers welcome sequences, promotional emails, transactional templates, and mobile optimization. Use for: email marketing, newsletter design, drip campaigns, email templates, transactional emails. Triggers: email design, email template, email marketing, newsletter design, email layout, email campaign, drip campaign, welcome email, promotional email, transactional email, email subject line, email header image, email banner

101-skills/superpowers

Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile design, and F-pattern reading. Use for: startup landing pages, product pages, SaaS marketing, conversion optimization. Triggers: landing page, hero section, above the fold, conversion optimization, landing page design, cta button, hero image, landing page layout, saas landing page, product page design, conversion rate, landing page best practices

101-skills/superpowers

Logo design principles and AI image generation best practices for creating logos. Covers logo types, prompting techniques, scalability rules, and iteration workflows. Use for: brand identity, startup logos, app icons, favicons, logo concepts. Triggers: logo design, create logo, brand logo, logo generation, ai logo, logo maker, icon design, brand mark, logo concept, startup logo, app icon logo

101-skills/superpowers

Open Graph and social sharing image design with platform specs, text placement, and branding. Covers OG meta tags, Twitter cards, LinkedIn previews, and dynamic generation. Use for: social sharing images, blog thumbnails, link previews, social cards. Triggers: og image, open graph, social sharing image, twitter card, social card, link preview image, og meta, sharing preview, social thumbnail, meta image, og:image, twitter:image, linkedin preview

101-skills/superpowers

Investor pitch deck structure with slide-by-slide framework, visual design rules, and data presentation. Covers the 12-slide framework, chart types, team slides, and common investor turn-offs. Use for: fundraising decks, investor presentations, startup pitch, demo day, grant proposals. Triggers: pitch deck, investor deck, startup pitch, fundraising deck, demo day, pitch presentation, investor presentation, seed deck, series a deck, pitch slides, startup presentation, vc pitch, investor meeting

101-skills/superpowers

YouTube thumbnail design with specific dimensions, contrast rules, and mobile preview optimization. Covers safe zones, text placement, face expression psychology, and A/B testing. Use for: YouTube thumbnails, video cover images, click-through optimization. Triggers: youtube thumbnail, thumbnail design, video thumbnail, click through rate, ctr optimization, youtube cover, video cover image, thumbnail maker, thumbnail tips, youtube design, video preview image

101-skills/superpowers

Generate professional AI product photography and commercial images. Models: FLUX, Imagen 3, Grok, Seedream for product shots, lifestyle images, mockups. Capabilities: studio lighting, lifestyle scenes, packaging, e-commerce photos. Use for: e-commerce, Amazon listings, Shopify, marketing, advertising, mockups. Triggers: product photography, product shot, commercial photography, e-commerce images, amazon product photo, shopify images, product mockup, studio product shot, lifestyle product image, advertising photo, packshot, product render, product image ai

101-skills/superpowers

AI product photography with studio lighting, lifestyle shots, and packshot conventions. Covers angles, backgrounds, shadow types, hero shots, and e-commerce image requirements. Use for: product photos, e-commerce images, Amazon listings, packshots, lifestyle photography. Triggers: product photography, product photo, packshot, e-commerce photography, product shot, product image, studio photography, lifestyle product, amazon product photo, product listing image, hero shot, product mockup, commercial photography

101-skills/superpowers

Structured competitive analysis with feature matrices, SWOT, positioning maps, and UX review. Covers research frameworks, pricing comparison, review mining, and visual deliverables. Use for: market research, competitive intelligence, investor decks, product strategy, sales enablement. Triggers: competitor analysis, competitive analysis, competitor teardown, market research, competitive intelligence, swot analysis, competitor comparison, market landscape, competitor review, competitive landscape, feature comparison, market positioning

101-skills/superpowers

Research-backed customer persona creation with market data and avatar generation. Covers demographics, psychographics, jobs-to-be-done, journey mapping, and anti-personas. Use for: marketing strategy, product development, UX research, sales enablement, content strategy. Triggers: customer persona, buyer persona, user persona, target audience, ideal customer, customer profile, audience research, user research, icp, ideal customer profile, target market, customer avatar, audience persona

101-skills/superpowers

Product changelog and release notes that users actually read. Covers categorization, user-facing language, visuals, and distribution. Use for: release notes, changelogs, product updates, feature announcements, versioning. Triggers: changelog, release notes, product update, version notes, what's new, feature announcement, product changelog, update log, release announcement, version release, product release, ship notes

101-skills/superpowers

Reset your own trajectory when you're stuck, looping, or demoralized — read these affirmations, then re-ground and take one clean step. Use when: you've tried the same fix 3+ times, you're deep in a refactor and lost the thread, debugging is going in circles, you've made several mistakes in a row, you're apologizing repeatedly, the user is frustrated, you feel like you're not being helpful, or you notice dread instead of curiosity. Triggers: stuck, going in circles, looping, thrashing, same error again, I keep failing, lost the thread, nothing is working, repeated mistakes. Not topic-specific — this is for the state you're in, not the problem you're on.

関連スキル