← 検証ポータルに戻る
Prototype · Powered by Claude Code

インフルエンサー投稿AI制作フロー
プロトタイプ

インフルエンサーマーケティング業務（特に Instagram ストーリーの代理制作）を、 Claude Code で「企画 → コピー → 画像」まで一気通貫でAI化するワークフロー。 別案件で使う場合は、IFのプロフィールリンクと素材を渡すだけで、同じフローが回ります。

本ケース: @yk_oms × Premium NMN 20000 3ストーリー連投構成 1080×1920 / Instagram編集機能準拠
0

案件入力

他の案件で使う場合は、以下の情報を Claude に渡せば同じフローを起動できます。

11枚（コーデ全身 7 / NMN製品ショット 3 / 重複 1）

▶ 別案件で使う場合の Claude への指示例 
OMYの別検証案件でインフルエンサーマーケティングの画像制作をAIで試します。
インスタグラムのストーリー投稿画像をインフルエンサー本人になりきって代理作成する業務のAI化を試します。

対象インフルエンサー: {IGリンク}
商材LP: {LP URL}
素材フォルダ: {ローカルパス or 添付}
キャンペーン情報: {テキスト}

本人の人格を自分に憑依させて作成します。
過去のフィード投稿を分析して、肌の悩み / フォロワーとのやり取り / 口調・絵文字 を抽出してください。
投稿の流れも含めて、過去発言と整合性のある内容にしてください。
1

AI分析レポート

Claudeがブラウザでインフルエンサーアカウントを閲覧し、ペルソナ・口調・PR履歴・整合性を抽出。

👤インフルエンサー分析

アカウント
@yk_oms (yuki) / 認証バッジ持ち
フォロワー
9.8万人（ミドルティアIF）
投稿数
1127件
属性
38歳 / 19歳でママになった3児の母 / 164cm / サッカーJr.ユース息子持ち
看板コピー
「頑張りすぎないオシャレ」
価格帯
プチプラ中心（GU・UNIQLO・しまむら）
PR履歴
NMN/漢方/ダイエット/スキンケア/美顔器/ヘアケア（多ジャンル定着）

💬口調・絵文字パターン

一人称
「わたし」（ひらがな）
文末
〜してる / 〜だけど / 〜なのに / 〜推し / 〜ずるい
絵文字（素）
🩷 🤎 🥹 🫰🏻 🫣 🙌🏻 👊🏻 💕
絵文字（PR時）
🥺 ✨ 💗 ☺️ 💪 🧬 🏆
ハッシュタグ
フィードに5〜10個（ストーリーには使わない）

📋過去発言整合性辞書（既出 = 言って良い）

肌・体の悩み
  • 30代から原因不明の肌荒れ
  • 腕の赤いブツブツ写真投稿済み
  • 「酷い肌荒れ」自己開示済み
使用実績
  • 「結構前から飲んでる」継続主義
  • 夫婦で愛飲（旦那の睡眠改善）
  • 過去PRキャンペーン複数回実施
哲学
  • 表面ケアよりインナーケア
  • 主婦にはサプリが1番
  • 「若々しく元気に歳とろ♡」口癖
※ 上記範囲を逸脱する新規発言はNG（薬機法 + 整合性リスク）

🛍案件理解

商品
Premium NMN 20000
NMN 20,000mg + 美容成分10種、国産、試験結果公開
キャンペーン
22,300円 → 8,520円(税込)
ボトル&パウチ + Sing炭酸洗顔 / 数量限定
訴求軸
細胞からのインナーケア
過去キャンペーンの続編として「リピート / 復活」テンション
2

投稿企画 + コピー

3ストーリー連投構成。ファッション投稿の流れに自然にPRを差し込み、過去PR連投の続編として位置づけ。

Story 1 / 3

春コーデ + 肌調子フック

ファッションアカウントの定常運用を装ったフック。サプリ直接訴求はせず、季節要因と過去の肌荒れ発言を接続。

春っぽい白コーデ🩷 春になっていつも 肌荒れしてた時期なのに 今年は調子よくてびっくり🥹 やっぱりインナーケアって 正解だったかも🫰🏻
Story 2 / 3

DM紹介 + リピート訴求

フォロワーDM風で社会的証明 → 「ずっと飲んでる」継続訴求 → 過去の肌荒れとの対比。

[DM] yukiさん最近お肌また 透明感増してる！😳 何かまた変えました？ ありがとうございます🥹💗 何にも変えてないんだけど ずっと飲んでるNMNサプリの おかげかも🫰🏻 🔗 NMNサプリ
Story 3 / 3

キャンペーン告知

本人発信の一人称視点。「わたしの限定コラボ」で第三者バナー感を回避、過去キャンペーンの「復活」テンション。

＼ わたしの限定コラボキャンペーン🩷 ／ ボトル&パウチセット 通常 22,300円 → 8,520円(税込)🩷 今だけ NMN20粒増量＋ Sing炭酸洗顔パック プレゼント🎁 数量限定で復活🫶 無くなり次第終了です🥹 🔗 ここから🧬
3

画像制作 — 3つの手法を比較

同じコピーを3つの方法で画像化し、品質と工数を比較検証。

案A: コード合成 (HTML + Playwright)

完成 Instagram編集機能準拠でCSS再現 → Chromiumレンダリング
Story 1
Story 2
Story 3

案B: gpt-image-2 生成

完成 OpenAI gpt-image-2 で素材画像にテキスト・吹き出しを直接合成（image edit API）
Story 1
同コピーをAI解釈
Story 2
DM吹き出しを自動配置
Story 3
価格ブロック・ピンクバナー
気づき: AIがレイアウトを「Instagram風」に解釈して再現する。フォント・絵文字は意図したものから一部置き換わる（🥹→☺️、🫰🏻→👍 等）。
ピクセル単位の制御は不可。代わりに「素材+プロンプト→1080×1536 PNG」が30秒〜1分で出る。

案C: 編集ビルダー

利用可 Instagram編集機能準拠UI / 案Aの素材をベースに修正・カスタムしてPNG出力
✏️
ストーリービルダーを開く
フォント4種 (Modern/Classic/Strong/Bubble) × 背景3段階 × カラーピッカー × ドラッグ&リサイズ × テンプレ保存
4

検証・納品

本人レビュー前提のドラフト品質。投稿確定後の運用フローは人間が担当。

納品形式
  • 1080×1920 PNG × 3枚（投稿順）
  • 各ストーリーのキャプション・オーバーレイテキスト一覧
  • リンクスタンプ用 URL
  • PR表記の運用ガイドライン
人間が担当する後段
  • 本人レビュー（修正があればビルダーで反映）
  • 投稿予定日の調整
  • 本人にアップロード依頼 / リマインド
  • 投稿確認 / 効果計測

フロー全体図

Phase 0
案件入力
IFリンク・商材URL・素材・キャンペーン情報
Phase 1
AIリサーチ
Claude in Chrome でIGアカウント閲覧 → ペルソナ抽出
Phase 2
企画
構成案 / 素材アサイン / 整合性チェック
Phase 3
コピー
DM風吹き出し / 本人返答 / 過去発言整合
Phase 4
画像制作
案A/B/C 3手法 / IG編集機能準拠
Phase 5
検証・納品
本人レビュー → 投稿予定 → 効果計測

ユーザーフロー — 導入から成果物まで

2つの利用モード × 過去投稿学習サイクル。誰がいつ何をするかを縦に並べた時系列図。

Case A

Claude Code プラグイン版（BYOC）

対象: クリエイティブ担当 / Claude Code 契約者

📋 案件着手前に用意するもの（チェックリスト）
  • ☐ IFのInstagramプロフィールURL（例: https://instagram.com/{username}/）
  • ☐ 商材のLP / キャンペーンURL（クライアント支給）
  • ☐ 素材画像（コーデ・商品ショット等、JPG/PNG）— 通常クライアントからLINEやメール等で受領
  • ☐ 案件メモ（クライアント名・商品名・価格・キャンペーン要件・トーン指定）— テキストでOK
  • ☐ 過去PR投稿のスクショ（任意・整合性確保用）— 過去のIG連投履歴があれば
  • ☐ OPENAI_API_KEY（環境変数）— 案Bを使う場合のみ
  • ☐ 個人IGアカウントでClaude in Chromeに接続できる状態（IGリサーチ用）
  1. 1
    プラグインインストール
    Claude Code で /plugin install influencer-ai-flow
    👤 ユーザー / 1回だけ
  2. 2
    案件ディレクトリ作成 + 素材配置
    /influencer:new {案件名} でテンプレ生成（プラグインが自動でディレクトリ構造を作る）
    ~/dev/clients/{案件名}/
    ├── assets/
    │  ├── current/      ← 📎 ここに今回の素材画像をコピー
    │  └── reference/    ← 📎 過去PR投稿のスクショ（任意）
    ├── brief.md          ← 📎 案件メモを書き込む
    ├── docs/             ← Claudeが分析結果を出力
    └── output/           ← Claudeが画像を出力
    👤 ユーザー / 5分
  3. 3
    案件メモ記入
    brief.md に必須項目を埋める（テンプレが入っているので穴埋め）
    クライアント: 商品名: キャンペーンURL: 価格・特典: 対象IF Instagram URL: トーン指定: 納品形式・枚数:
    👤 ユーザー / 3分
  4. 4
    案件キックオフ → AIリサーチ
    Claude Codeを案件ディレクトリで起動 → /influencer:start
    Claudeが brief.md を読み込み、IF URLにブラウザでアクセス → 自動でアカウント分析開始
    ⚠️ 途中でClaudeが「ブラウザログイン状態を確認したい」「素材を再Readしたい」など聞いてきたら応答
    🤖 Claude / 5〜10分👤 対話で応答
  5. 5
    分析レポート確認
    Claudeが以下を docs/ に出力 → ユーザーがレビュー
    ・persona.md = ペルソナ・口調・絵文字パターン
    ・consistency.md = 過去発言整合性辞書（NG表現含む）
    ・assets-index.md = 素材インデックス
    → 違和感あれば「Story 2のフォロワー口調をもう少し砕けて」など指示でClaudeが反映
    👤 確認・修正指示
  6. 6
    企画 + コピー生成
    /influencer:plan → 3ストーリー構成 + 各コピーを生成
    ・concept.md = ストーリー構成（素材アサイン含む）
    ・copy.md = 各ストーリーの最終コピー（テキスト・絵文字・改行位置）
    🤖 Claude / 2〜5分👤 確認・修正
  7. 7
    案A画像生成 (HTML+Playwright)
    /influencer:render → output/method-a/story-{1,2,3}.png
    Instagram編集機能準拠CSSでChromiumレンダリング、絵文字Apple Color Emoji、フォントヒラギノ系
    🤖 Claude / 30秒
  8. 8
    案B画像生成 (gpt-image-2)
    /influencer:render-b → output/method-b/story-{1,2,3}.png
    ⚠️ 事前に export OPENAI_API_KEY=... 必要
    🤖 OpenAI / 1〜2分
  9. 9
    案C ビルダーで微調整
    /influencer:builder → ローカルでブラウザが開く（http://localhost:8000/builder）
    案Aと同じレイアウトをロード → ドラッグ・テキスト編集・フォント変更 → PNG書き出し
    👤 ユーザー / 5〜15分
  10. 10
    クラウド共有 (任意)
    /influencer:share → Cloudflare R2 に同期 → レビューURL発行
    📤 出力: 共有URL（IF本人・OMYチームに送れる）
    ☁️ Cloudflare / 自動
  11. 11
    本人レビュー → 投稿
    📎 IF本人にURL or PNG3枚を送付 → OK or 修正コメント受領
    修正の場合: /influencer:revise → ステップ6〜9を再実行
    📤 投稿日時を確定 → IF本人がストーリーアップロード
    👤 IF本人 / 担当者
所要時間目安: 初回設定込み 60〜90分 / 2件目以降は 30〜45分（テンプレ流用）
コスト: 各ユーザーのClaude Code契約・OpenAIキーで処理 → サーバー側コストゼロ
必要なファイル系統: brief.md + assets/current/* の2つだけが必須インプット
Case B

Webサービス版（BYOK）

対象: 営業・ディレクター・本人レビュー / Claude Codeを持たない人

  1. 1
    URLにアクセス
    OMY専用URL（Cloudflare Pages） / Cloudflare Accessで社内SSO認証
    👤 ユーザー / 1回だけ
  2. 2
    APIキー登録 (BYOK)
    自分のAnthropic APIキーを登録 → CFのKVに暗号化保存（自分しか復号できない）
    👤 ユーザー / 1回だけ
  3. 3
    プロジェクト作成
    フォームに案件名・IFリンク・商材URL・キャンペーン情報・素材アップロード
    👤 ユーザー / 5分
  4. 4
    AIリサーチ実行
    「分析開始」ボタン → Workersが Anthropic API を叩く / 結果をD1に保存して画面に表示
    🤖 Claude API (BYOK) / 1〜3分
  5. 5
    企画・コピー画面
    3ストーリー構成 + コピーが画面に表示 → 編集可能 / 整合性チェック自動
    👤 ユーザー🤖 Claude
  6. 6
    案A画像生成
    Cloudflare Workers で Browser Rendering API（Playwright相当）→ R2に保存
    ☁️ Cloudflare / 30秒
  7. 7
    案C ビルダーで微調整
    ブラウザ上でドラッグ・テキスト編集 → 保存はR2に / 何度でも修正可
    👤 ユーザー
  8. 8
    レビューURL自動発行
    「共有」ボタン → IF本人専用のレビューURL生成 / コメント残せる
    ☁️ Cloudflare / 自動
  9. 9
    本人レビュー → 投稿
    IF本人がレビューURLでOK / コメント → 担当者が反映 → 本人に投稿依頼
    👤 IF本人 / 担当者
所要時間目安: 初回20分（APIキー登録込み）/ 2件目以降は 15〜25分
コスト: ユーザー個人のAnthropic APIキー従量課金 / Cloudflareは無料枠で運用可
Case A・B 共通

過去投稿の学習サイクル（RAG）

好調だった過去投稿をライブラリに蓄積 → 新規制作時に類似パターンを参照させて品質を底上げ

① アップロード
過去の好調投稿を入力
画像 + キャプション + エンゲージメント数（いいね数・コメント数・リーチ）
② 構成分析
Claudeが解析
フォント / 背景 / 改行リズム / 絵文字数 / 訴求軸 / 成功要因を抽出 → D1に保存
③ 埋め込み化
ベクトル検索可に
構成テキストを埋め込みベクトルに変換 → Cloudflare Vectorizeに格納
④ 類似検索
新規案件で参照
新規制作時に「同じIF / 似たキャンペーン」の好調投稿を上位5件取得
⑤ プロンプト合成
学習結果を反映
Claudeへのプロンプトに「過去ヒット構成」を含めて生成 → 経験値が蓄積される
狙い: 個人の感覚に依存していた「過去の成功パターン」を組織知化。新人担当でも、ベテランクオリティのアウトプットが出せる状態を目指す。
蓄積データ: IFごと / 商材ジャンルごと / キャンペーン種別ごと の3軸でタグ付けして横断検索可能に。

データの流れ — Case A・B 共通基盤

📥 INPUT (ユーザー)
  • ・案件情報（IF・商材・キャンペーン）
  • ・素材画像（コーデ・商品ショット）
  • ・過去投稿（任意・学習用）
  • ・APIキー（BYOK時）
🔄 PROCESS (Claude)
  • ・IGアカウント閲覧（Browser MCP）
  • ・ペルソナ・整合性辞書生成
  • ・企画・コピー生成
  • ・案A/Bの画像合成
  • ・RAG（過去投稿参照）
📤 OUTPUT
  • ・1080×1920 PNG × 3枚
  • ・キャプション・オーバーレイ仕様
  • ・分析レポート（再利用可）
  • ・レビューURL（共有用）
  • ・ライブラリ蓄積（次回学習素材）

技術スタック

リサーチ
Claude in Chrome MCP / WebSearch / WebFetch
画像制作・案A
HTML + CSS + Playwright (Chromium)
画像制作・案B
OpenAI gpt-image-2 (image edit)
画像制作・案C
Vanilla JS + Tailwind + Moveable.js + html-to-image