N01 2026-04-29

Adobe MCP で gpt-image-2 出力の精密 SVG 化

gpt-image-2claude-codecodex-5.5adobe-mcp

Adobe MCP GPT Image 2 Claude Code BtoC LP ロゴ制作 Probe

// Context

DNA FACTOR RESUme LP の Hero に「累計検査者 24,781 人」等のアイコン+テキストバッジ 3 種を配置する作業中。 gpt-image-2 で PNG モックを生成 → コードへ実装したい。ただし PNG のままでは scaling と dark mode で破綻するため SVG 化を試行した。

// Attempts

01 Claude Code (Opus 4.7) で PNG → SVG 化 REJECTED

パスの構造崩壊、文字とアイコンの位置が大幅にズレ、採用不可

02 Codex 5.5 で PNG → SVG 化 REJECTED

同様に構造破綻

03 フル PNG 画像で実装 PARTIAL

動作はするが scaling 弱い、 dark mode で背景透過処理ができない

04 Adobe MCP (Illustrator 経由) で SVG 化 ADOPTED

people / dna / japan の 3 バッジ全てで成功。 path 構造保持、文字とアイコンが正しく分離されたベクター。論理的なパーツ分離は手動で微調整が必要だが、ベース品質が高い

// Result

gpt-image-2 のラフ → Adobe MCP (Illustrator) で SVG 化が現状最強。 Claude / Codex の SVG 直接生成はラスター→ベクター変換でパーツ分離に失敗する。

n01-strip-preview.png

n01-badge-1-people.svg

n01-badge-2-dna.svg

n01-badge-3-japan.svg

// Where this leads

Logo Design レシピの Verified attempts に Adobe MCP を「採用候補」として追加できる材料。ロゴ生成自体は GPT Image 2 で複数案 → Adobe MCP でベクター化、という同じフローが応用可能。

// X share — copy & post

gpt-image-2 でラフ生成 → Adobe MCP (Illustrator) で SVG 化が現状最強。
Claude / Codex の SVG 直接生成は構造破綻するので使い物にならない。
バッジ・アイコン・ロゴはこのフローが安定。