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本体の挙動とは独立した参考情報です。
下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。
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
$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. 下の青いボタンを押して
baoyu-cover-image.zipをダウンロード - 2. ZIPファイルをダブルクリックで解凍 →
baoyu-cover-imageフォルダができる - 3. そのフォルダを
C:\Users\あなたの名前\.claude\skills\(Win)または~/.claude/skills/(Mac)へ移動 - 4. Claude Code を再起動
⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。
🎯 このSkillでできること
下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。
📦 インストール方法 (3ステップ)
- 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
- 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
- 3. 展開してできたフォルダを、ホームフォルダの
.claude/skills/に置く- · macOS / Linux:
~/.claude/skills/ - · Windows:
%USERPROFILE%\.claude\skills\
- · macOS / Linux:
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 が指定されている場合は、そのスタイルを使用します。そうでない場合は、以下の手順を実行します。
- コンテンツからスタイルシグナルをスキャンします(自動スタイル選択の表を参照)。
- シグナルを最も適切なスタイルに一致させます。
- 明確なシグナルがない場合は、デフォルトで
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: 画像の生成
画像生成スキルの選択:
- 利用可能な画像生成スキルを確認します。
- 複数のスキルが利用可能な場合は、ユーザーに選択を求めます。
生成: 選択された画像生成スキルをプロンプトファイルと出力パスで呼び出します。
ステップ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:
- Scan content for style signals (see Auto Style Selection table)
- Match signals to most appropriate style
- Default to
elegantif 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-titleflag 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:
- Check available image generation skills
- 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` 本体に加え、参考資料・サンプル・スクリプトが入っている場合があります。
- 📄 SKILL.md (5,085 bytes)
- 📎 references/base-prompt.md (1,131 bytes)
- 📎 references/styles/bold.md (481 bytes)
- 📎 references/styles/elegant.md (443 bytes)
- 📎 references/styles/minimal.md (418 bytes)
- 📎 references/styles/nature.md (441 bytes)
- 📎 references/styles/playful.md (484 bytes)
- 📎 references/styles/retro.md (450 bytes)
- 📎 references/styles/tech.md (464 bytes)
- 📎 references/styles/warm.md (444 bytes)