Communityライティング&編集github.com

zzuSJW/ai-poster-editable-svg-skill

AI生成ポスターをIllustratorで編集可能なSVGに変換するためのCodexスキル。

ai-poster-editable-svg-skill とは?

このスキルは、AIによって生成されたポスター画像(例:Stable DiffusionやDALL·Eで作成されたもの)を、Adobe Illustratorなどのベクター編集ソフトウェアで直接編集可能なSVG形式に変換するためのツールです。元のポスターのレイアウト、テキスト、色、幾何学的形状を維持しつつ、各要素を個別に編集できるようにベクター化します。主にCodex(OpenAIのコード生成AI)と連携して動作し、ユーザーが指定した画像を入力として受け取り、構造化されたSVGコードを出力します。このスキルは、デザイナーやエンジニアがAI生成アートを実用的なデザインワークフローに統合する際に特に有用で、ラスター画像の制約(解像度依存や編集困難性)を克服します。

対応~Claude Code✓Codex CLI~Cursor
npx skills add zzuSJW/ai-poster-editable-svg-skill

Installed? Explore more ライティング&編集 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

ai-poster-editable-svg-skill は何をしますか?

AI生成ポスターをIllustratorで編集可能なSVGに変換するためのCodexスキル。

概要

このスキルは、AI(Stable Diffusion、DALL·E、Midjourneyなど)によって生成されたポスター画像を、Adobe Illustratorなどのベクター編集ソフトウェアで直接編集できるSVG(Scalable Vector Graphics)形式に変換します。元のポスターの視覚的要素(レイアウト、テキスト、色、形状)を維持しつつ、各要素を個別に編集可能なベクターオブジェクトに変換します。

使用方法

  1. 画像の準備: 変換したいAI生成ポスター画像を用意します(PNG、JPG、WebP形式に対応)。
  2. スキルの呼び出し: Codexに対して、画像パスまたはURLを指定してこのスキルを呼び出します。
  3. SVGの生成: スキルが自動的に画像を解析し、編集可能なSVGコードを出力します。
  4. 編集: 生成されたSVGをAdobe Illustratorで開き、テキスト、色、形状を自由に編集します。

対応フォーマット

  • 入力: PNG, JPG, WebP
  • 出力: SVG(ベクター形式)

必要条件

  • 入力画像は明確なテキスト要素と幾何学的形状を含んでいることが推奨されます
  • 画像の解像度が高いほど、変換品質が向上します

制限事項

  • 複雑な写真やグラデーションは正確にベクター化できない場合があります
  • AI生成画像に含まれるノイズやアーティファクトがSVGに反映される可能性があります
  • フォントは汎用フォント(例: Arial, Times New Roman)に置き換えられる場合があります

例

AIポスター画像を変換: example-poster.png

出力例(SVGコードの一部):

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 1200">
  <rect width="800" height="1200" fill="#f0f0f0"/>
  <text x="400" y="200" font-family="Arial" font-size="48" text-anchor="middle" fill="#333333">タイトル</text>
  <!-- その他の要素 -->
</svg>

ライセンス

MIT

関連スキル