🎨 デザインコミュニティ

image-extend

画像の周囲に指定した色の余白を加えて、まるで額縁に入れたり、背景を広げたりするように、見栄えを調整したり、他の要素と組み合わせやすくするSkill。

📜 元の英語説明(参考)

Extends an image canvas by adding padding on all sides with a solid background color. Use when you need to add borders, margins, or expand the canvas area around an image.

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

一言でいうと

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

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

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

🍎 Mac / 🐧 Linux

mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o image-extend.zip https://jpskill.com/download/10481.zip && unzip -o image-extend.zip && rm image-extend.zip

🪟 Windows (PowerShell)

$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/10481.zip -OutFile "$d\image-extend.zip"; Expand-Archive "$d\image-extend.zip" -DestinationPath $d -Force; ri "$d\image-extend.zip"

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

💾 手動でダウンロードしたい(コマンドが難しい人向け)

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

⬇ .zip でダウンロード(推奨) ⬇ .skill 形式(上級者用) 元のソース ↗

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

🎯 このSkillでできること

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

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

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

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

詳しい使い方ガイドを見る →

最終更新: 2026-05-18
取得日時: 2026-05-18
同梱ファイル: 1

📖 Skill本文(日本語訳)

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

Image Extend

画像キャンバスを拡張し、すべての辺に単色の背景色でパディングを追加します。

Command

agent-media image extend --in <path> --padding <pixels> --color <hex> [options]

Inputs

Option	Required	Description
`--in`	Yes	入力ファイルのパスまたは URL
`--padding`	Yes	すべての辺に追加するパディングのサイズ（ピクセル単位）
`--color`	Yes	拡張領域の背景色 (hex, 例: "#FFFFFF")。透明度もフラット化します。
`--dpi`	No	出力画像の DPI/密度 (デフォルト: 300)
`--out`	No	出力パス、ファイル名、またはディレクトリ (デフォルト: ./)

Output

拡張された画像のパスを含む JSON オブジェクトを返します。

{
  "ok": true,
  "media_type": "image",
  "action": "extend",
  "provider": "local",
  "output_path": "extended_123_abc.png",
  "mime": "image/png",
  "bytes": 234567
}

Examples

画像の周囲に白いパディングを追加します。

agent-media image extend --in photo.jpg --padding 50 --color "#FFFFFF"

色付きの境界線を追加します。

agent-media image extend --in artwork.png --padding 100 --color "#E4ECF8"

カスタム DPI で拡張します。

agent-media image extend --in print-ready.jpg --padding 75 --color "#000000" --dpi 600

Providers

このアクションはローカル処理のみを使用します。

local - API キーは不要です (Sharp を使用)。

📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

Image Extend

Extends an image canvas by adding padding on all sides with a solid background color.

Command

agent-media image extend --in <path> --padding <pixels> --color <hex> [options]

Inputs

Option	Required	Description
`--in`	Yes	Input file path or URL
`--padding`	Yes	Padding size in pixels to add on all sides
`--color`	Yes	Background color for extended area (hex, e.g., "#FFFFFF"). Also flattens transparency.
`--dpi`	No	DPI/density for output image (default: 300)
`--out`	No	Output path, filename or directory (default: ./)

Output

Returns a JSON object with the extended image path:

{
  "ok": true,
  "media_type": "image",
  "action": "extend",
  "provider": "local",
  "output_path": "extended_123_abc.png",
  "mime": "image/png",
  "bytes": 234567
}

Examples

Add white padding around an image:

agent-media image extend --in photo.jpg --padding 50 --color "#FFFFFF"

Add colored border:

agent-media image extend --in artwork.png --padding 100 --color "#E4ECF8"

Extend with custom DPI:

agent-media image extend --in print-ready.jpg --padding 75 --color "#000000" --dpi 600

Providers

This action uses local processing only:

local - No API key required (uses Sharp)