本文へ移動
cccskills
無料GitHub で公開日本語紹介

product-photo-to-video

商品写真から実物の形やラベルを保った商品動画を作るため、絵コンテや複数カットの生成、崩れた部分の修正、実写商品画像の合成まで進めるスキルです。

原文原文の説明を見る

Turn a product photo into a product video ad that keeps the real product. Builds TikTok, Reels, TikTok Shop b-roll and listing videos from one to three product photos: a product truth sheet (label text letter by letter, colours, parts), a cut-out, a hero still, an 8–12 panel storyboard sheet, then one multi-shot Seedance 2.5 or Kling 4 clip with a PRODUCT LOCK block, a repair pass on drifting shots, and the real packshot composited on the last second. Formats: hands-only ASMR unboxing, macro pour or texture, ingredient burst or exploded view, product in use, 360° loop, product in a hand, apparel try-on. Never ships a Ken Burns slideshow. Use when someone has product photos and wants a product video, packshot animation, unboxing, ASMR product video, listing video or AI b-roll without filming. NOT for a person talking about the product (use ai-ugc-ad-video), TikTok Shop presenter videos (use tiktok-shop-video), or still listing images (use a product-photo skill).

hashgraph-online/awesome-codex-pluginsスター 1,440(GitHub 1,440 + cccskills 0)
連携ツールTikTok

実行スコア 未検証

インストール方法を見る

こんなときに便利

  • 商品写真から縦型広告動画を作りたいとき
  • 撮影なしで開封や質感の映像を作りたいとき
  • 商品ページ用の紹介動画を作りたいとき
  • 実物の商品ラベルを保った動画にしたいとき

日本語での紹介

できること

1〜3枚の商品写真をもとに、TikTokやReels向けの広告、TikTok ShopのBロール、商品ページ用動画を作ります。まず写真から商品名やラベルの文字、色、部品などを整理し、背景を切り抜いた画像と商品を見せる静止画を用意します。その後、8〜12コマの絵コンテを作り、確認を経て複数カットの動画を生成します。商品名や形が変わったカットは該当部分を修正し、最後に実物の商品画像を合成します。手だけの開封、質感の接写、使用場面、360度ループ、アパレルの試着表現などを扱います。

こんなときに便利

撮影せずに商品写真から短い動画広告や商品ページ用動画を作りたいときに向いています。開封の音や液体の質感など、商品を中心に見せる映像を作りたい場合にも使えます。人物が商品について話すUGC動画や、静止画の商品一覧画像の作成は対象外です。

使い方の例

  • 「この商品写真から、手だけで開封するASMR動画を作って」
  • 「ラベルと商品の形を保って、商品ページ用の動画にして」
  • 「この写真をもとに、使用場面を見せる縦型広告を作って」

注意点

varg MCP接続またはVARG_API_KEYが必要です。合成と書き出しにはローカルのffmpegまたはvargのffmpegツールを使います。画像・動画生成にはクレジットがかかり、料金見積もりの確認と有料工程ごとの承認が必要です。

この紹介文は、公開されている SKILL.md をもとに AI(OpenAI Codex)が作成しました。正確な仕様は下の原文を確認してください。

含まれるファイル(3)

  • SKILL.md8.5 KB
  • references/failures.md2.4 KB
  • references/prompts.md6.7 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Turn a product photo into a product video ad

What wins in late 2026 is one impossible but tactile moment built around the real product: a macro pour, a lid snap, an ingredient burst, a hands-only unboxing. What fails: logo-first "cinematic" b-roll, still-photo slideshows (TikTok Shop bans them in shoppable videos), and any frame where the model rewrote the label.

Generation runs on varg (MCP call_tool or POST https://api.varg.ai/v2/tools/{image|video}/call). Quote with estimate_cost and wait for a yes before each paid step. A still costs cents to fix; a clip costs dollars, so approve stills first.

1. Product truth sheet (free, do it first)

From the photos and the product page, write:

PRODUCT: <name, size, e.g. "30 ml amber glass dropper bottle, gold cap">
LABEL (exact, in order): "NORTHLINE" / "VITAMIN C" / "30 ML"
COLOURS: body #F4A23B, cap #C9A227, label #FFFFFF
PARTS / IN THE BOX: bottle, dropper, box
SCALE: fits in the palm
CLAIMS WE CAN SHOW: absorbs in ~30 s (visible), lightweight texture
NEVER: change shape, size, colour or material; add text; fake results (fizz, instant clearing)

Photos: clean, straight-on, label readable. "If the label isn't readable in the reference, the model invents its own text."

2. Cut-out and hero still

  1. Cut-out: bria_guided_remove_background (keeps the original pixels).
  2. Hero still: gpt_image_2_5 edit, "keep the uploaded product exactly unchanged, replace only the background with [environment], match reflections and contact shadows, no product deformation, no added labels". nano_banana_2_1 is cheaper but may need small packaging text fixed.
  3. 9:16 canvas: bria_fibo_edit_1_5_expand. Real side views for reveals: qwen_angles (exact angles, not invented sides).
  4. Check at 100%, letter by letter, colour by eyedropper. Reject and redo, don't "fix later".

Product in a hand: bria_fibo_edit_1_5_product_holding. Apparel on a person: bria_fibo_edit_1_5_virtual_try_on (check stitching, print and logo; AI try-on smooths texture and length).

3. Storyboard sheet (approve before video)

gpt_image_2_5, 8–12 panels, each ≥1.5 s with one camera move, POV hands only for no-face formats. Template: references/prompts.md P1. Sequence that works: product on the surface, hands enter → open and reveal → the most tactile moments → in use → the result in macro → hero packshot. Show it to the person.

4. One multi-shot clip with PRODUCT LOCK

seedance_2_5, 10–15 s, @image1 = the cut-out, @image2 = the approved sheet ("follow its shot order, never show its panels, numbers or text"), audio on for foley, "no background music" unless wanted, last second held clean for the end card. Template: references/prompts.md P2.

Cheaper: kling_v4 multi-shot (often right first time) or wan_3 (best value for b-roll volume). Drafts: kling_v4_flash.

Safest for listings and loops: pixelcut_looping_video (locked camera, seamless loop, motion: spin for 360°). Exact orbit around a packshot: minimax_h3_max_camera_controls.

5. Repair, don't reroll

Reject any shot where the pack, label, shape, colour, part count or hand count drifts. Regenerate only that shot from first and last frames (seedance_2_5 first/last-frame mode, kling_v4 end_image_url), camera locked in both frames or it invents a move. Reliability ladder, best first:

  1. Composite the real product PNG and label over AI footage (real pixels)
  2. Locked camera, only the environment moves (liquid, fog, hands)
  3. Reference on every shot + PRODUCT LOCK + label spelled out
  4. One job per reference ("defines the product ONLY")
  5. First/last frames from approved stills
  6. A hand anchored on the box base; hands at the product's edges
  7. Push-ins and parallax instead of full spins of unseen sides

Common failures and fixes: references/failures.md.

6. Composite the truth and export

  • Lay the real packshot PNG (and copy, if any) over the clean last second:

    # packshot.png = the real cut-out with alpha; 13 = where the clean last seconds start
    ffmpeg -i clip.mp4 -loop 1 -i packshot.png -filter_complex "[1:v]scale=760:-1[p];[0:v][p]overlay=(W-w)/2:(H-h)/2:shortest=1:enable='gte(t,13)'" -c:v libx264 -crf 18 -c:a copy hero.mp4
    

    Tested on FFmpeg 6.0: the packshot appears from 13 s and the clip keeps its length.

  • Edit, captions, CTA, loudness and the 4:5 cut: ecommerce-video-edit. A 1:1 or 16:9 15–30 s cut with no hard sell for the product page.

  • Label realistic AI footage (TikTok AIGC toggle; Amazon contains-synthetic-performer if a photoreal person appears). Never show the product doing more than it can.

Formats

FormatModelNotes
Hands-only ASMR unboxingseedance_2_5 / kling_v412-panel ASMR sheet; "natural ASMR only"; one hand stays on the box base
Macro pour / texture / splashseedance_2_5Locked camera on the pack; only the liquid moves
Ingredient burst / exploded viewgpt_image_2_5 still → seedance_2_5Real parts in their real order
Food process film ending on the productseedance_2_58–12 beats of 2–3 s, match cuts, 110–120 BPM
360° loop for listingspixelcut_looping_videoSafest label fidelity
Product in use (kitchen, bathroom)nano_banana_2_1 stills → kling_v4Hands at edges, real scale cue
Apparel on a modelbria_fibo_edit_1_5_virtual_try_on → seedance_2_5One @image per garment, "EXCLUSIVE reference"

Costs on varg (live rules, Oct 2026; quote exact jobs with estimate_cost): a 15 s product video is roughly 250–1,000 credits at 720p (Seedance 2.5 is the priciest and varies ~2× by route; Kling 4 ~16 credits/s, Wan 3 ~10 credits/s at 720p).

Related

ecommerce-video-ads · varg-product-hook (UGC-style hook clip of the product in use) · ecommerce-video-edit · ai-ugc-ad-video · tiktok-shop-video · varg-ai

Sources: varg how-to: turn a product photo into a video, fal commercial skill, Masonry controlled test, Luma Seedance guide, OpenAI image prompting cookbook, X posts by @abxxai, @Ciri_ai, @HeyRu0by, @Strength04_X, @yourPlugAI.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

コメント

ログインなしで書き込めます。使ってみた感想、質問、動かなかった環境などを気軽にどうぞ。

まだコメントはありません。最初のコメントを書いてみませんか。

送信するとすぐに公開されます。メールアドレスや電話番号などの個人情報は書かないでください。URL は 2 つまでです。

0 / 1000 文字

このフォームは reCAPTCHA で保護されており、Google のプライバシーポリシーと利用規約が適用されます。

同じリポジトリのスキル

accelerate-local-work

無料概要あり

複数の独立したローカル作業を安全性と依存関係を確認して実行計画にまとめ、対応環境では並列化やAppleシリコン向け処理の選択を支援します。

  • ビルドやテストの独立した処理を並列化したいとき
  • 複数段階の作業計画を安全に実行したいとき
  • Appleシリコン向け処理の候補を確認したいとき
hashgraph-online/awesome-codex-plugins1,4362026年10月27日 更新

ad-creative-testing

無料概要あり

TikTokやMeta広告の勝ちパターンを分解し、異なる切り口のテスト案や予算、評価時期を整理して、数値から継続・修正・停止を判断するスキルです。

  • 勝ち広告を分解して次のテスト案を作りたいとき
  • 広告の本数やテスト予算を決めたいとき
  • 似た広告案の成果が変わらない原因を探したいとき
hashgraph-online/awesome-codex-plugins1,4402026年10月30日 更新

add

無料概要あり

将来の読み手が理由を知りたくなる未決定や暫定対応を、技術的負債として登録し、後から項目ごとに整理できるスキルです。

  • 暫定対応を負債として記録したいとき
  • TODOや未完了作業を管理したいとき
  • 負債の影響箇所や解消条件を残したいとき
hashgraph-online/awesome-codex-plugins1,4402026年10月30日 更新

adk-framework-adapters

無料概要あり

LangChain、EINO、AutoGen、AgentScope、CrewAI向けのコード雛形やAPI対応、プロジェクト構成を参照し、バージョン確認を踏まえてAIエージェント開発を支援します。

  • 指定したフレームワークで雛形を作りたいとき
  • 複数のエージェントフレームワークを比較したいとき
  • ツール定義やメモリ設定の例を参照したいとき
hashgraph-online/awesome-codex-plugins1,4362026年10月26日 更新

agent-debug-fixer

無料概要あり

エラーやテスト失敗、画面の異常などを再現して原因を特定し、テストで確認しながら影響を絞った修正を進めるデバッグ用スキルです。

  • テスト失敗の根本原因を調べたいとき
  • 画面や機能の不具合を小さく修正したいとき
  • 再発防止のテストを先に用意したいとき
hashgraph-online/awesome-codex-plugins1,4402026年10月30日 更新

agent-dev-workshop

無料概要あり

対話を通じてAI Agentの要件整理から設計、ツール定義、コード生成、動作確認まで6段階で進め、実行可能なプロジェクトを作ります。

  • Agentの要件と設計を整理したいとき
  • 実行可能なAgentの試作品を作りたいとき
  • ツールやPromptの構成を決めたいとき
hashgraph-online/awesome-codex-plugins1,4362026年10月26日 更新

hashgraph-online のスキルをすべて見る

このスキルの問題を報告する