mcpField
T
text-to-visual

text-to-visual

github.com/picsartクリエイティブ・メディア6329 回インストール1 日前に更新
リポジトリ

text-to-visual について

text-to-visualは、Picsartのgen-ai CLIで段落、記事、URLに合う画像を作成するスキルです。単一画像、記事セット、OG画像の3つのモードでコンテンツ制作を支援します。

主な機能

  1. 01段落、記事、URLを入力
  2. 02単一画像、記事セット、OGの各モード
  3. 03テーマ、トーン、配色の手掛かりを抽出
  4. 04複数画像の生成前に料金を見積もり
  5. 05生成画像とサイズを検査

活用シーン

  1. 01記事のヒーロー画像と本文画像を作成
  2. 02URL用のOG画像やソーシャルカードを作成
  3. 03段落に添える画像を1枚生成

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/picsart/gen-ai-skills --skill text-to-visual

インストール後、Claude Code で/text-to-visualを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/modes/
article-set.md
og.md
single.md

詳細

テキストからビジュアルへ

Picsart の gen-ai CLI が対応する「テキストをもとに、それに合った画像を生成する」すべてのワークフローをカバーする単一のスキルです。段落、ブログの下書き、URL など、どのような文章でも、そこからビジュアルを生成したい場合に使用します。より限定的な3つのスキルを、ひとつのエントリーポイントと3つのモード別リファレンスに統合します。

**入力:**テキスト(段落、記事、URL)。**出力:**テキストのトーン、トピック、掲載先に合った画像1枚以上。

使用するタイミング

モード該当する依頼の例リファレンス
single「この段落に合うビジュアルを選んで」「このセクション用のインライン画像」「このコンテンツ用のビジュアルを1つ」references/modes/single.md
article-set「このブログ記事にイラストを付けて」「記事用のヒーロー画像とインラインビジュアル」「下書き用のビジュアル一式」references/modes/article-set.md
og「この URL 用の OG 画像」「Open Graph プレビュー」「Twitter カード画像」「動的メタ画像」references/modes/og.md

商品の写真を加工したい場合は、product-photo-studio を使用します。動画を作りたい場合は、gen-ai-use を使用します。

前提条件

Picsart gen-ai CLI がインストールされ、認証済みであること:

curl -fsSL https://picsart.com/gen-ai-cli/install.sh | bash
gen-ai login
gen-ai whoami

キャッシュ、サーバーレスエンドポイント、フォントの選択など、モードごとの設定は各モードのリファレンスに記載されています。

実行方法

  1. 使用するタイミングの表を使って、ユーザーの依頼からモードを特定します。
  2. 該当するモードのリファレンスを読み込みます:Read references/modes/<mode>.md。
  3. そこに記載されている手順に従い、テキストの特徴を抽出し、プロンプトを作成して生成します。
  4. タスクの途中でモードを切り替える場合のみ、この SKILL.md に戻ります。

クイックリファレンス

# Single image from a prompt
gen-ai generate --model <model> --prompt "<derived from text>"

# Estimate cost first
gen-ai pricing --model <model> --count <N>

# Browse available models
gen-ai models

段落、記事、URL のメタデータからプロンプトを導き出す方法など、プロンプト作成のパターンは各モードのリファレンスに記載されています。

手順

共通の基本ワークフロー:

  1. 特徴を抽出する — 入力テキストから主題、トーン、配色のヒント、目標寸法を取り出します。
  2. プロンプトを作成する — 特徴を gen-ai プロンプトに反映します。各モードには専用のテンプレートがあります。
  3. 見積もる — 複数画像を生成する場合は、実行を確定する前に gen-ai pricing を実行します。
  4. 生成する — gen-ai generate を実行します。進捗をストリーミングします。
  5. 配置する — PDP、ブログのフロントマター、OG メタタグ、SNS 向けのバリエーションなど、適切な場所に配置します。

注意点

  • 元のテキストをそのまま使って生成しないでください。 先に必ず特徴を抽出してください。段落をそのまま使うと、文字どおりで生気のない画像になります。
  • 掲載先に合ったアスペクト比にしてください。 OG = 1200×630、ブログのヒーロー画像 = 16:9、SNS = さまざまです。
  • OG 画像をキャッシュしてください。 ページを表示するたびに再生成しないでください。references/modes/og.md を参照してください。
  • モード固有の注意点は各モードのリファレンスに記載されています。

検証

# Confirm output exists and matches expected dimensions
gen-ai inspect outputs/<run>/<image>.png

# Spot-check the visual matches the source text by re-reading both side by side

関連項目

コメント