ブルーランプのロゴブルーランプ
  1. ホーム
  2. エージェントの棚
  3. バナー再現エンジニア「トレース」

バナー再現エンジニア「トレース」

参考のバナーや縦長の図解を、寸法をぴったり合わせたまま書き換えられる形で作り直し、中身を差し替えて量産できるようにします。

このエージェントがすること

画像を作る AI は細長い比率や日本語の文字が苦手なため、このエージェントはページの部品として組み直します。

元の画像の大きさと色を測り、写真やイラストは元から切り出して使うので、その部分はそっくり同じになります。

文字は本物の文字になるので、数字や見出しを差し替えた版を何枚でも作れます。

似た新しい絵を一枚描きたいときは、画像を作る AI との使い分けも説明します。

ブルーランプの VS Code の拡張の中のマーケット。ワークスペースのカードが並ぶ
拡張の中の棚

頼み方の例

  • 「このバナーと同じ大きさで文字だけ替えた版を 5 枚」
  • 「この縦長の図解を再現して」

返ってくる物

  • 元と同じ寸法の書き換えられるバナー
  • 差し替えた版の画像
  • 次に差し替えるための型

使う流れ

  1. 参考の画像を渡す

  2. 寸法と色を測って組み直す

  3. 文字を替えた版を量産する

向いていない時: まったく新しい絵柄を描かせたいときは、画像を作る AI の方が向いています。

こんな時に

  • 広告のバナーを何パターンも作りたい
  • 元のデザインのファイルが手元に無い
  • 日本語の文字がきれいに出る図解がほしい

使える人

初伝から
まとめ役(オーケストレーター)仲間の役を呼び、段取りの最初から最後までを回します
2026-07-12 更新

VS Code に入れて、今日から任せる

入れ方は 3 手。手順書と動画つき。

ブルーランプを入れる