image-assistant
文章やコンテンツの内容を、統一感のある見やすく短い情報図(16:9)を作成するためのプロンプトに変換し、図の枚数や内容を決定後、文章を圧縮・比喩表現を用いて、すぐに使える画像生成プロンプトとして出力するSkill。
📜 元の英語説明(参考)
配图助手 - 把文章/模块内容转成统一风格、少字高可读的 16:9 信息图提示词;先定“需要几张图+每张讲什么”,再压缩文案与隐喻,最后输出可直接复制的生图提示词并迭代。
🇯🇵 日本人クリエイター向け解説
文章やコンテンツの内容を、統一感のある見やすく短い情報図(16:9)を作成するためのプロンプトに変換し、図の枚数や内容を決定後、文章を圧縮・比喩表現を用いて、すぐに使える画像生成プロンプトとして出力するSkill。
※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。
下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。
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
$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. 下の青いボタンを押して
image-assistant.zipをダウンロード - 2. ZIPファイルをダブルクリックで解凍 →
image-assistantフォルダができる - 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
- 同梱ファイル
- 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
- 記事が長く、ブロックに分割する必要がある、または「何枚の図/各図で何を伝えるか」を決定する必要がある → 段階2
- 図のリストは確認済みだが、「図に逐語的に何を書くか」がまだ決定されていない → 段階3
- Copy Spec が確認済みで、コピー可能なプロンプトを生成する必要がある;(オプション)プロンプト確認後、一括で図を生成する → 段階4
- ユーザーから「文字が多い/見にくい/表紙に合わない」というフィードバックがあった → 段階5(必要に応じて段階1に戻り、要件と文字数を再確認します)
各段階の開始時:
- ユーザーに現在の段階とこの段階の成果物を伝えます
- 対応する段階ファイルを読み込み、手順に従って実行します
出力規範(遵守必須)
- 各図には1つの「コア情報」を持たせ、説明的な段落を図に詰め込まないでください
- すべての日本語は明確に読みやすくしてください:大きなフォントサイズ、少ない文字と短い文、密集した小さな文字を避けてください
- 各プロンプトは独立したコードブロックで出力し、コピーしやすくしてください
- デフォルトでは16:9の横長で出力します(ユーザーが明確に3:4の漫画/縦長を要求しない限り)
- デフォルトのスタイル:クリーム色の紙の背景 + 色鉛筆水彩手描き + 軽い落書き、面白くも清潔感のあるスタイル(
templates/style-block.mdを使用できます) - 段階3の成果物(Copy Spec)が一度確認されたら、段階4では勝手に原稿を変更せず、カプセル化とパラメータ/制約の補完のみを行ってください
クイックスタート(ユーザーへの最小入力)
ユーザーは以下の4項目を提供するだけで開始できます。
- 図を付ける内容(一段落、一節、または記事全体でも可)
- 使用場所 + 視聴距離(PPTプロジェクターで遠くから見る / 携帯電話で近くから見る / ポスター)
- 誰が見るか(初心者/実務者/経営者/学生…)
- 好み:「文字少なめでスッキリ」か「情報密度が高い」か
オプションの補足(書かなくても問題ありません):
- どのような種類の図が欲しいか:表紙/目次、単一ページ概要、講義説明、ソーシャルメディアポスター(不明な場合は、シーンと好みに基づいて推奨します)
あなたが実行する納品順序:
- まず出力:図のリスト(何枚 + 各図の目的を一文で + テンプレートの提案)(段階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
- 文章很长、需要拆块,或需要确定“几张图/每张讲什么”→ 阶段2
- 已确认图清单,但还没确定“图上逐字写什么”→ 阶段3
- Copy Spec 已确认,要出可复制提示词;(可选)提示词确认后批量出图 → 阶段4
- 用户反馈“字多/不好看/不符合封面” → 阶段5(必要时回退到阶段1重锁需求与字多/字少)
每个阶段开始时:
- 告诉用户当前阶段与本阶段输出物
- 读取对应阶段文件并按步骤执行
输出规范(必须遵守)
- 每张图一个“核心信息”,不把解释性段落塞进图里
- 所有中文必须清晰可读:大字号、少字短句、避免密集小字
- 每张提示词用一个独立代码块输出,便于复制
- 默认输出 16:9 横版(除非用户明确要 3:4 漫画/竖版)
- 默认风格:奶油纸底 + 彩铅水彩手绘 + 轻涂鸦,趣味但干净(可用
templates/style-block.md) - 阶段3产物(Copy Spec)一旦确认,阶段4不得擅自改文案,只做封装与参数/约束补全
快速使用(给用户的最小输入)
用户只要给这四项,就能开始:
- 要配图的内容(可是一段、一个小节、或整篇文章)
- 用在哪里 + 观看距离(PPT投影远看 / 手机近看 / 海报)
- 谁来看(小白/从业者/老板/学生…)
- 偏好:更“少字清爽”还是更“信息密度”
可选补充(不写也没关系):
- 你大概想要哪类图:封面/目录、单页概览、讲义解释、社媒海报(不确定我会根据场景与偏好推荐)
你要做的交付顺序:
- 先输出:图清单(几张 + 每张一句话目的 + 模板建议)(阶段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` 本体に加え、参考資料・サンプル・スクリプトが入っている場合があります。
- 📄 SKILL.md (4,138 bytes)
- 📎 scripts/apimart_batch_generate.py (20,139 bytes)
- 📎 scripts/apimart.env (203 bytes)
- 📎 scripts/README.md (890 bytes)