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

render-ig-live-gallery

商品写真をInstagram Live風のカードで見せ、ブランド承認済みの短い訴求文を重ねた縦型動画を作ります。実際の商品画像とロゴを使い、構成を保ってレンダリングします。

原文原文の説明を見る

Render an 'Instagram-Live social-proof gallery' video from a config — ~5 real brand product stills each framed as an Instagram-LIVE card (IG gradient-ring avatar, username, verified check, red LIVE badge, viewer count, close X, a short claim-free live-comment feed, an empty 'Add a comment…' bar, and reaction hearts floating up the right edge), with a brand-approved benefit sentence building one phrase per slide and a clean logo endcard, rendered deterministically with PIL frames plus FFmpeg — FREE (the music bed comes from create-music-elevenlabs), products and wordmark stay crisp. Use for the ig-live-gallery format.

gooseworks-ai/goose-skillsスター 1,272(GitHub 1,272 + cccskills 0)
連携ツールInstagramElevenLabs

実行スコア 未検証

インストール方法を見る

こんなときに便利

  • 商品写真を縦型動画にまとめたいとき
  • ライブ配信風に商品を見せたいとき
  • 訴求文をスライドに分けて伝えたいとき
  • ロゴ入りのSNS動画を作りたいとき

日本語での紹介

できること

設定ファイルと商品画像から、Instagram Live風のギャラリー動画を作ります。実際の商品写真を1枚ずつライブ配信カードの中に配置し、アバター、ユーザー名、認証マーク、LIVE表示、視聴者数、コメント欄、浮かぶハートなどを重ねます。コメントは商品効果を主張しない短いブランド紹介の表現にし、入力欄は空のままにします。各スライドでは、ブランドが承認したベネフィット文を短いフレーズごとに表示し、最後にロゴ、訴求文、CTAを載せたカードで締めくくります。画像処理のフレームをPILで作り、FFmpegで動画にまとめるため、配置や文字は設定どおりに再現されます。

こんなときに便利

複数の商品写真を縦型のソーシャル動画にまとめたいときや、ライブ配信を思わせる画面で商品を紹介したいときに向いています。短いメッセージをスライドに分けて見せたい場合にも使えます。

使い方の例

  • 「この設定と商品画像から、Instagram Live風のギャラリー動画を作ってください」
  • 「各商品に短い訴求フレーズを表示し、最後にロゴカードを付けてください」

注意点

動画の組み立ては無料で、生成画像やAI生成文字は使いません。音楽を付ける場合は別スキルのcreate-music-elevenlabsを利用します。

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

含まれるファイル(5)

  • SKILL.md4.0 KB
  • scripts/build.py15.8 KB
  • scripts/config.example.json2.1 KB
  • skill.meta.json217 B
  • tests/smoke-test.md1.5 KB

SKILL.md(原文)

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

render-ig-live-gallery

Render the ig-live-gallery format from a config. Each of the brand's REAL hero product stills is presented as the "live video" inside an authentic Instagram-Live card — dark gradient scrims top & bottom over the bright product, an IG gradient-ring avatar + username + verified check + red LIVE badge + viewer count + close X across the top, a short live-comment feed + an EMPTY "Add a comment…" bar + heart/share icons across the bottom, and pink/red reaction hearts floating up the right edge. A benefit sentence builds one short phrase per slide as the top overlay, and it closes on a clean brand logo card with the payoff line + CTA.

Deterministic and FREE — no generative image/video, no AI-rendered text. The paid music bed is a separate capability (create-music-elevenlabs) muxed on afterward.

Run

python3 scripts/build.py --config config.json --assets <stills-dir> --out master-silent.mp4
# quick check — one frame per slide:
python3 scripts/build.py --config config.json --assets <stills-dir> --stills <dir>

config.example.json is a full worked config (the fictional stationery brand Inkwren) — its phrases, comments, payoff and music prompt are that demo's creative answers, not defaults. Config shape:

  • username, verified, palette, slide_dur, endcard_dur, crossfade
  • slides[] — { image, phrase, viewers, comments: [[handle, text], …] } per product
  • endcard — { logo, logo_is_white, payoff, handle, cta }
  • music — { prompt, length_ms, trim_intro_sec } (consumed by create-music-elevenlabs)

Image paths in the config resolve against --assets.

Choices

The recipe asks the user these before any paid step; the renderer just draws what the config says.

  • slide_story — what the slides show and how the sentence builds → slides[].image, slides[].phrase, endcard.payoff. Asked of the user; the demo used a journaling routine, one product per step.
  • copy_tone — voice of the phrases and live comments → slides[].phrase, slides[].comments. Asked of the user; the demo used a cozy, unhurried voice.
  • music — the bed's genre/mood → music.prompt. Asked of the user; the demo used cozy lo-fi keys + bells.

Craft rules (baked into the renderer)

  • Center each product on its TOP-HALF silhouette, never the full non-white bbox — the base drop-shadow otherwise inflates the box and the product reads shifted sideways. The renderer measures the top 50% of the silhouette with an L<246 threshold (catches white-product edge shading too) and centers that midpoint.
  • Reaction hearts float up the right edge as a full column and may overlap the centered product — that's fine; don't shrink them to a thin edge ribbon.
  • Comments must be claim-free brand-descriptor vibe (2-3 words, generic handles, NO emoji — PIL can't render color emoji); the comment INPUT bar stays empty. LIVE badge + viewer count + hearts are ambient live-stream chrome, not proof claims.
  • Endcard is the clean logo card (bg + wordmark + @handle + CTA + payoff), never a model face.
  • Real product stills + real wordmark only. Music bed only, no VO.

Output

A silent WxH (default 1080x1920) H.264 master. Generate + mux the create-music-elevenlabs bed with a short fade in/out + loudnorm (-map 0:v:0 -map 1:a:0), then QC with watch.

レビュー

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

コメント

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

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

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

0 / 1000 文字

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

同じリポジトリのスキル

<slug>

無料概要あり

資料には具体的なスキルの内容や手順が記載されていないため、用途や得られる結果を特定できません。

  • 用途を確認したいとき
  • 入力や手順を確認したいとき
  • 期待する結果を確認したいとき
gooseworks-ai/goose-skills1,2722026年10月27日 更新

ad-angle-miner

無料概要あり

顧客の課題や商品情報、広告事例を調べ、根拠のある広告訴求と静止画・動画・コピー案にまとめます。動画案は実際の制作フォーマットとの相性も確認し、商品単位の角度集として整理します。

  • 商品の根拠に沿った広告の切り口を探したいとき
  • 静止画広告や動画広告の案を作りたいとき
  • 顧客の言葉から見出しや広告文を考えたいとき
gooseworks-ai/goose-skills1,2722026年10月27日 更新

ad-campaign-analyzer

無料概要あり

Google、Meta、LinkedInなどの広告実績を分析し、成果の出た広告や予算の無駄を特定します。停止・拡大・テスト案や、具体的な予算配分を提案します。

  • 広告予算の無駄を見つけたいとき
  • 複数媒体の成果を比較したいとき
  • 広告の停止・拡大候補を決めたいとき
gooseworks-ai/goose-skills1,2722026年10月27日 更新

ad-lead-quality-analyzer

無料概要あり

広告費と登録後の成果を照合し、質の高いリード獲得にかかった実コストを算出します。広告素材ごとに拡大・維持・調査・停止の判断材料を整理するスキルです。

  • 広告素材ごとの実質獲得コストを比べたいとき
  • 低CPAでも質の低い広告を見つけたいとき
  • 登録後の成果データとの照合状況を調べたいとき
gooseworks-ai/goose-skills1,2722026年10月27日 更新

ad-management-intake

無料概要あり

Meta広告を始める前にブランド情報を調べ、予算や広告表現に関わる不明点だけを質問して準備を整えます。確認事項と仮定を記録し、ブランド情報とキャンペーン概要を作成します。

  • ブランド情報が未記録の状態で広告を始めたいとき
  • 予算や広告期間の前提を整理したいとき
  • 広告で使う主張や制約を記録したいとき
gooseworks-ai/goose-skills1,2722026年10月27日 更新

ad-policy-check

無料概要あり

広告文や画像内の表現を配信先と商品カテゴリのルールに照らして確認し、直せる箇所を修正しながら、法務や人の判断が必要なリスクを広告ごとに整理します。

  • 広告の配信前チェック
  • 広告画像や動画の表現確認
  • クリエイター広告の表示確認
gooseworks-ai/goose-skills1,2722026年10月27日 更新

gooseworks-ai のスキルをすべて見る

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