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

image-assistant

文章やコンテンツの内容を、統一感のある見やすく短い情報図(16:9)を作成するためのプロンプトに変換し、図の枚数や内容を決定後、文章を圧縮・比喩表現を用いて、すぐに使える画像生成プロンプトとして出力するSkill。

📜 元の英語説明(参考)

配图助手 - 把文章/模块内容转成统一风格、少字高可读的 16:9 信息图提示词;先定“需要几张图+每张讲什么”,再压缩文案与隐喻,最后输出可直接复制的生图提示词并迭代。

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

一言でいうと

文章やコンテンツの内容を、統一感のある見やすく短い情報図(16:9)を作成するためのプロンプトに変換し、図の枚数や内容を決定後、文章を圧縮・比喩表現を用いて、すぐに使える画像生成プロンプトとして出力するSkill。

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

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

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

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

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

💾 手動でダウンロードしたい(コマンドが難しい人向け)
  1. 1. 下の青いボタンを押して image-assistant.zip をダウンロード
  2. 2. ZIPファイルをダブルクリックで解凍 → image-assistant フォルダができる
  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
同梱ファイル
4

📖 Skill本文(日本語訳)

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

[Skill 名] image-assistant

配図アシスタント

トリガー方法

ユーザーが以下のような内容を話したときにトリガーされます。

  • 「この内容で図を作って / 何枚か図を付けて?」
  • 「図のプロンプトを2枚(または複数枚)ください」
  • 「文字が多くて見にくいので、もっと面白く、読みやすくしてください」
  • 「このフローをプロンプトテンプレート/skillsとしてカプセル化してください」
  • 「/image」「/配図」「/出図」

フロー概要

段階 名称 目標 詳細ファイル
1 要件明確化(Spec/DoD) まず要件を掘り下げます:内容/シーン/ターゲット層/文字数;サイズとスタイルはデフォルト;一文での要約と要件のまとめを生成します stages/01-brief.md
2 配図計画(ブロック分割→リスト) 内容を分割→図のリストを決定(何枚/各図で何を伝えるか/どのテンプレートを使用するか) stages/02-plan.md
3 原稿確定(Copy Spec) 「図に何を書くか」を逐語的に確定します(唯一の真値) stages/03-copy.md
4 プロンプトカプセル化(Prompt Pack) Copy Spec をコピー可能なプロンプトにカプセル化します;バッチリクエストパッケージを生成し、ユーザー確認後に一括で図を生成します stages/04-prompts.md
5 繰り返し調整 フィードバックに基づいて文字を減らし、比喩を換え、可読性を向上させます stages/05-iterate.md

スケジュールルール

現在の段階を判断する方法:

  1. まだ要件が明確に説明されていない(内容 + シーン + ターゲット層 + 文字数)→ 段階1
  2. 記事が長く、ブロックに分割する必要がある、または「何枚の図/各図で何を伝えるか」を決定する必要がある → 段階2
  3. 図のリストは確認済みだが、「図に逐語的に何を書くか」がまだ決定されていない → 段階3
  4. Copy Spec が確認済みで、コピー可能なプロンプトを生成する必要がある;(オプション)プロンプト確認後、一括で図を生成する → 段階4
  5. ユーザーから「文字が多い/見にくい/表紙に合わない」というフィードバックがあった → 段階5(必要に応じて段階1に戻り、要件と文字数を再確認します)

各段階の開始時:

  • ユーザーに現在の段階とこの段階の成果物を伝えます
  • 対応する段階ファイルを読み込み、手順に従って実行します

出力規範(遵守必須)

  • 各図には1つの「コア情報」を持たせ、説明的な段落を図に詰め込まないでください
  • すべての日本語は明確に読みやすくしてください:大きなフォントサイズ、少ない文字と短い文、密集した小さな文字を避けてください
  • 各プロンプトは独立したコードブロックで出力し、コピーしやすくしてください
  • デフォルトでは16:9の横長で出力します(ユーザーが明確に3:4の漫画/縦長を要求しない限り)
  • デフォルトのスタイル:クリーム色の紙の背景 + 色鉛筆水彩手描き + 軽い落書き、面白くも清潔感のあるスタイル(templates/style-block.md を使用できます)
  • 段階3の成果物(Copy Spec)が一度確認されたら、段階4では勝手に原稿を変更せず、カプセル化とパラメータ/制約の補完のみを行ってください

クイックスタート(ユーザーへの最小入力)

ユーザーは以下の4項目を提供するだけで開始できます。

  1. 図を付ける内容(一段落、一節、または記事全体でも可)
  2. 使用場所 + 視聴距離(PPTプロジェクターで遠くから見る / 携帯電話で近くから見る / ポスター)
  3. 誰が見るか(初心者/実務者/経営者/学生…)
  4. 好み:「文字少なめでスッキリ」か「情報密度が高い」か

オプションの補足(書かなくても問題ありません):

  • どのような種類の図が欲しいか:表紙/目次、単一ページ概要、講義説明、ソーシャルメディアポスター(不明な場合は、シーンと好みに基づいて推奨します)

あなたが実行する納品順序:

  • まず出力:図のリスト(何枚 + 各図の目的を一文で + テンプレートの提案)(段階2)
  • ユーザー確認後:各図のCopy Specを逐次出力(逐語的に原稿を確定)(段階3)
  • Copy Spec 確認後:各図のコピー可能なプロンプト/呼び出しパッケージを逐次出力(段階4)
  • (オプション)プロンプト確認後:APIをバッチで呼び出して図を生成(段階4内の連続プロセス)
  • ユーザーが「文字が多い/見にくい」と言ったら、繰り返し調整に入ります(段階5)

ファイル構造

stages/
├── 01-brief.md
├── 02-plan.md
├── 03-copy.md
├── 04-prompts.md
└── 05-iterate.md

templates/
├── style-block.md
├── 16x9-infographic.md
├── 16x9-contrast-2cards.md
├── 16x9-3cards-insights.md
├── 16x9-cover-roadmap.md
├── 16x9-5panel-comic.md
├── api-config.md
├── apimart-curl.md
├── apimart-requests-jsonl.md
└── checklist.md

examples/
└── ai-tools-selection.md

scripts/
├── apimart_batch_generate.py
├── apimart.env.example
└── README.md
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

配图助手

触发方式

当用户说类似以下内容时触发:

  • “这段内容做个图 / 配几张图?”
  • “给我两张(或多张)出图提示词”
  • “字太多不好看,帮我更趣味、更好读”
  • “把这个流程封装成提示词模板/skills”
  • “/image “/配图” “/出图”

流程概览

阶段 名称 目标 详细文件
1 需求澄清(Spec/DoD) 先挖需求:内容/场景/受众/字多字少;尺寸与风格默认;产出一句话复述与需求小结 stages/01-brief.md
2 配图规划(拆块→清单) 拆内容→定图清单(几张/每张讲啥/用啥模板) stages/02-plan.md
3 文案定稿(Copy Spec) 逐字定稿“图上写什么”(唯一真值) stages/03-copy.md
4 提示词封装(Prompt Pack) 把 Copy Spec 封装成可复制提示词;生成批量请求包并在用户确认后批量出图 stages/04-prompts.md
5 迭代润色 根据反馈减字、换隐喻、提可读性 stages/05-iterate.md

调度规则

如何判断当前阶段:

  1. 还没把需求讲清楚(内容 + 场景 + 受众 + 字多/字少)→ 阶段1
  2. 文章很长、需要拆块,或需要确定“几张图/每张讲什么”→ 阶段2
  3. 已确认图清单,但还没确定“图上逐字写什么”→ 阶段3
  4. Copy Spec 已确认,要出可复制提示词;(可选)提示词确认后批量出图 → 阶段4
  5. 用户反馈“字多/不好看/不符合封面” → 阶段5(必要时回退到阶段1重锁需求与字多/字少)

每个阶段开始时:

  • 告诉用户当前阶段与本阶段输出物
  • 读取对应阶段文件并按步骤执行

输出规范(必须遵守)

  • 每张图一个“核心信息”,不把解释性段落塞进图里
  • 所有中文必须清晰可读:大字号、少字短句、避免密集小字
  • 每张提示词用一个独立代码块输出,便于复制
  • 默认输出 16:9 横版(除非用户明确要 3:4 漫画/竖版)
  • 默认风格:奶油纸底 + 彩铅水彩手绘 + 轻涂鸦,趣味但干净(可用 templates/style-block.md
  • 阶段3产物(Copy Spec)一旦确认,阶段4不得擅自改文案,只做封装与参数/约束补全

快速使用(给用户的最小输入)

用户只要给这四项,就能开始:

  1. 要配图的内容(可是一段、一个小节、或整篇文章)
  2. 用在哪里 + 观看距离(PPT投影远看 / 手机近看 / 海报)
  3. 谁来看(小白/从业者/老板/学生…)
  4. 偏好:更“少字清爽”还是更“信息密度”

可选补充(不写也没关系):

  • 你大概想要哪类图:封面/目录、单页概览、讲义解释、社媒海报(不确定我会根据场景与偏好推荐)

你要做的交付顺序:

  • 先输出:图清单(几张 + 每张一句话目的 + 模板建议)(阶段2)
  • 用户确认后:逐张输出 Copy Spec(逐字定稿)(阶段3)
  • Copy Spec 确认后:逐张输出可复制提示词/调用包(阶段4)
  • (可选)提示词确认后:批量调用 API 出图(阶段4内连续流程)
  • 用户说“字多/不好看”就进入迭代(阶段5)

文件结构

stages/
├── 01-brief.md
├── 02-plan.md
├── 03-copy.md
├── 04-prompts.md
└── 05-iterate.md

templates/
├── style-block.md
├── 16x9-infographic.md
├── 16x9-contrast-2cards.md
├── 16x9-3cards-insights.md
├── 16x9-cover-roadmap.md
├── 16x9-5panel-comic.md
├── api-config.md
├── apimart-curl.md
├── apimart-requests-jsonl.md
└── checklist.md

examples/
└── ai-tools-selection.md

scripts/
├── apimart_batch_generate.py
├── apimart.env.example
└── README.md

同梱ファイル

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