jpskill.com
🎨 画像AI コミュニティ

baoyu-cover-image

記事の内容を分析し、目を引く手書き風のおしゃれなカバー画像を、複数のスタイルオプションから生成して、記事の魅力を高めるSkill。

📜 元の英語説明(参考)

Generate elegant cover images for articles. Analyzes content and creates eye-catching hand-drawn style cover images with multiple style options. Use when user asks to "generate cover image", "create article cover", or "make a cover for article".

🇯🇵 日本人クリエイター向け解説

一言でいうと

記事の内容を分析し、目を引く手書き風のおしゃれなカバー画像を、複数のスタイルオプションから生成して、記事の魅力を高めるSkill。

※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。

⚡ おすすめ: コマンド1行でインストール(60秒)

下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。

🍎 Mac / 🐧 Linux
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o baoyu-cover-image.zip https://jpskill.com/download/19383.zip && unzip -o baoyu-cover-image.zip && rm baoyu-cover-image.zip
🪟 Windows (PowerShell)
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/19383.zip -OutFile "$d\baoyu-cover-image.zip"; Expand-Archive "$d\baoyu-cover-image.zip" -DestinationPath $d -Force; ri "$d\baoyu-cover-image.zip"

完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。

💾 手動でダウンロードしたい(コマンドが難しい人向け)
  1. 1. 下の青いボタンを押して baoyu-cover-image.zip をダウンロード
  2. 2. ZIPファイルをダブルクリックで解凍 → baoyu-cover-image フォルダができる
  3. 3. そのフォルダを C:\Users\あなたの名前\.claude\skills\(Win)または ~/.claude/skills/(Mac)へ移動
  4. 4. Claude Code を再起動

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

  1. 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
  2. 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
  3. 3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
    • · macOS / Linux: ~/.claude/skills/
    • · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →
最終更新
2026-05-18
取得日時
2026-05-18
同梱ファイル
10

📖 Skill本文(日本語訳)

※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

カバー画像ジェネレーター

複数のスタイルオプションで、記事用の手描き風カバー画像を生成します。

使用方法

# Markdownファイルから(コンテンツに基づいてスタイルを自動選択)
/baoyu-cover-image path/to/article.md

# スタイルを指定
/baoyu-cover-image path/to/article.md --style tech
/baoyu-cover-image path/to/article.md --style warm
/baoyu-cover-image path/to/article.md --style bold

# タイトルテキストなし
/baoyu-cover-image path/to/article.md --no-title

# オプションの組み合わせ
/baoyu-cover-image path/to/article.md --style minimal --no-title

# 直接テキスト入力から
/baoyu-cover-image
[コンテンツを貼り付けるか、トピックを記述]

# スタイルを指定して直接入力
/baoyu-cover-image --style playful
[コンテンツを貼り付ける]

オプション

オプション 説明
--style <name> カバーのスタイルを指定します(以下のスタイルギャラリーを参照)
--no-title タイトルテキストなしでカバーを生成します(ビジュアルのみ)

スタイルギャラリー

スタイル 説明
elegant (デフォルト) 洗練された、上品な、控えめな
tech モダンな、クリーンな、未来的な
warm 親しみやすい、とっつきやすい、人間中心の
bold 高コントラスト、目を引く、エネルギッシュな
minimal 非常にクリーンな、禅のような、集中した
playful 楽しい、クリエイティブな、気まぐれな
nature オーガニックな、穏やかな、素朴な
retro ビンテージな、ノスタルジックな、クラシックな

詳細なスタイル定義: references/styles/<style>.md

自動スタイル選択

--style が指定されていない場合、システムはコンテンツを分析して最適なスタイルを選択します。

コンテンツのシグナル 選択されるスタイル
AI, coding, tech, digital, algorithm tech
Personal story, emotion, growth, life warm
Controversial, urgent, must-read, warning bold
Simple, zen, focus, essential minimal
Fun, easy, beginner, casual, tutorial playful
Nature, eco, wellness, health, organic nature
History, classic, vintage, old, traditional retro
Business, professional, strategy, analysis elegant

ファイル管理

記事パスがある場合

記事と同じフォルダ内の imgs/ サブディレクトリに保存されます。

path/to/
├── article.md
└── imgs/
    ├── prompts/
    │   └── cover.md
    └── cover.png

記事パスがない場合

現在の作業ディレクトリに保存されます。

./
├── cover-prompt.md
└── cover.png

ワークフロー

ステップ1: コンテンツの分析

主要な情報を抽出します。

  • メインのトピック: 記事は何についてですか?
  • コアメッセージ: 主要な要点は何ですか?
  • トーン: 真面目、遊び心、感動的、教育的?
  • キーワード: スタイルを示す単語を特定します。

ステップ2: スタイルの選択

--style が指定されている場合は、そのスタイルを使用します。そうでない場合は、以下の手順を実行します。

  1. コンテンツからスタイルシグナルをスキャンします(自動スタイル選択の表を参照)。
  2. シグナルを最も適切なスタイルに一致させます。
  3. 明確なシグナルがない場合は、デフォルトで elegant を使用します。

ステップ3: カバーコンセプトの生成

選択されたスタイルに基づいてカバー画像のコンセプトを作成します。

タイトル(含まれる場合、最大8文字):

  • コアメッセージをパンチの効いた見出しに凝縮します。
  • フックを使用します:数字、質問、対比、問題点。
  • --no-title フラグが使用されている場合はスキップします。

ビジュアル要素:

  • スタイルに適した画像とアイコン
  • トピックを表す1〜2個の象徴的な要素
  • スタイルに合った比喩や類推

ステップ4: プロンプトファイルの作成

プロンプト形式:

Cover theme: [topic in 2-3 words]
Style: [selected style name]

[If title included:]
Title text: [8 characters or less, in content language]
Subtitle: [optional, in content language]

Visual composition:
- Main visual: [description matching style]
- Layout: [positioning based on title inclusion]
- Decorative elements: [style-appropriate elements]

Color scheme:
- Primary: [style primary color]
- Background: [style background color]
- Accent: [style accent color]

Style notes: [specific style characteristics to emphasize]

[If no title:]
Note: No title text, pure visual illustration only.

ステップ5: 画像の生成

画像生成スキルの選択:

  1. 利用可能な画像生成スキルを確認します。
  2. 複数のスキルが利用可能な場合は、ユーザーに選択を求めます。

生成: 選択された画像生成スキルをプロンプトファイルと出力パスで呼び出します。

ステップ6: 出力概要

Cover Image Generated!

Topic: [topic]
Style: [style name]
Title: [cover title] (or "No title - visual only")
Location: [output path]

Preview the image to verify it matches your expectations.

注意事項

  • カバーは小さなプレビューサイズでも瞬時に理解できる必要があります。
  • タイトル(含まれる場合)は読みやすく、インパクトがある必要があります。
  • 文字通りの表現よりも視覚的な比喩の方が効果的です。
  • カバー全体でスタイルの一貫性を保ちます。
  • 画像生成には通常10〜30秒かかります。
  • タイトルテキストの言語はコンテンツの言語と一致させる必要があります。
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

Cover Image Generator

Generate hand-drawn style cover images for articles with multiple style options.

Usage

# From markdown file (auto-select style based on content)
/baoyu-cover-image path/to/article.md

# Specify a style
/baoyu-cover-image path/to/article.md --style tech
/baoyu-cover-image path/to/article.md --style warm
/baoyu-cover-image path/to/article.md --style bold

# Without title text
/baoyu-cover-image path/to/article.md --no-title

# Combine options
/baoyu-cover-image path/to/article.md --style minimal --no-title

# From direct text input
/baoyu-cover-image
[paste content or describe the topic]

# Direct input with style
/baoyu-cover-image --style playful
[paste content]

Options

Option Description
--style <name> Specify cover style (see Style Gallery below)
--no-title Generate cover without title text (visual only)

Style Gallery

Style Description
elegant (Default) Refined, sophisticated, understated
tech Modern, clean, futuristic
warm Friendly, approachable, human-centered
bold High contrast, attention-grabbing, energetic
minimal Ultra-clean, zen-like, focused
playful Fun, creative, whimsical
nature Organic, calm, earthy
retro Vintage, nostalgic, classic

Detailed style definitions: references/styles/<style>.md

Auto Style Selection

When no --style is specified, the system analyzes content to select the best style:

Content Signals Selected Style
AI, coding, tech, digital, algorithm tech
Personal story, emotion, growth, life warm
Controversial, urgent, must-read, warning bold
Simple, zen, focus, essential minimal
Fun, easy, beginner, casual, tutorial playful
Nature, eco, wellness, health, organic nature
History, classic, vintage, old, traditional retro
Business, professional, strategy, analysis elegant

File Management

With Article Path

Save to imgs/ subdirectory in the same folder as the article:

path/to/
├── article.md
└── imgs/
    ├── prompts/
    │   └── cover.md
    └── cover.png

Without Article Path

Save to current working directory:

./
├── cover-prompt.md
└── cover.png

Workflow

Step 1: Analyze Content

Extract key information:

  • Main topic: What is the article about?
  • Core message: What's the key takeaway?
  • Tone: Serious, playful, inspiring, educational?
  • Keywords: Identify style-signaling words

Step 2: Select Style

If --style specified, use that style. Otherwise:

  1. Scan content for style signals (see Auto Style Selection table)
  2. Match signals to most appropriate style
  3. Default to elegant if no clear signals

Step 3: Generate Cover Concept

Create a cover image concept based on selected style:

Title (if included, max 8 characters):

  • Distill the core message into a punchy headline
  • Use hooks: numbers, questions, contrasts, pain points
  • Skip if --no-title flag is used

Visual Elements:

  • Style-appropriate imagery and icons
  • 1-2 symbolic elements representing the topic
  • Metaphors or analogies that fit the style

Step 4: Create Prompt File

Prompt Format:

Cover theme: [topic in 2-3 words]
Style: [selected style name]

[If title included:]
Title text: [8 characters or less, in content language]
Subtitle: [optional, in content language]

Visual composition:
- Main visual: [description matching style]
- Layout: [positioning based on title inclusion]
- Decorative elements: [style-appropriate elements]

Color scheme:
- Primary: [style primary color]
- Background: [style background color]
- Accent: [style accent color]

Style notes: [specific style characteristics to emphasize]

[If no title:]
Note: No title text, pure visual illustration only.

Step 5: Generate Image

Image Generation Skill Selection:

  1. Check available image generation skills
  2. If multiple skills available, ask user to choose

Generation: Call selected image generation skill with prompt file and output path.

Step 6: Output Summary

Cover Image Generated!

Topic: [topic]
Style: [style name]
Title: [cover title] (or "No title - visual only")
Location: [output path]

Preview the image to verify it matches your expectations.

Notes

  • Cover should be instantly understandable at small preview sizes
  • Title (if included) must be readable and impactful
  • Visual metaphors work better than literal representations
  • Maintain style consistency throughout the cover
  • Image generation typically takes 10-30 seconds
  • Title text language should match content language

同梱ファイル

※ ZIPに含まれるファイル一覧。`SKILL.md` 本体に加え、参考資料・サンプル・スクリプトが入っている場合があります。