
このSkillで書き出した映像
クリック・トゥ・レイヤー v1.0.0
カーソルが材料のボタンを順にクリックするたび、商品に一層ずつ重なっていき、最後のクリックで全部の層が美しい完成品の中に隠れます。使っている材料を一つずつ見せられます。
- フォーマット
- 広告クリエイティブ · 9:16
- 尺
- 0:10
商品を下から上へ、層ごとに説明するだけ。ミニゲーム風の縦型ショート広告を作ります。上部に材料のボタンが並び、カーソルが一つずつクリックすると、そのたびに商品が1フレームでその層を重ね、層の名前がポップアップします。最後のクリックでナッペ、ふた、グレーズなどの仕上げが入り、すべての層が中に隠れたあと、商品名、価格、CTAが表示されます。
2026年11月2日 更新
得られるもの
- 商品を一層ずつ組み上げて仕上げる、9〜10秒のクリック式サウンド付き広告。H.264 MP4、9:16・4:5・1:1
- 組み立ての各段階の画像、材料ボタン、ポスターフレーム
- 編集可能なJSONファイル:層の名前、テンポ、締めの一言、商品名、価格、CTAを変えて、画像を作り直さずに再レンダリング
向いている用途
- レイヤーケーキ、アントルメ、トライフル、パフェ
- ハンバーガー、サンドイッチ、重ねたデザート
- 材料を見せたいベーカリー、カフェ、レストラン
向いていない用途
- 層で作られていない商品
- 人物や動きのある実写映像が必要な動画
- 画面録画やアプリのデモ
このSkillについて
/click-to-layer The Velvet Vaultケーキのクリック・トゥ・レイヤー動画を作って:チョコレートスポンジ、塩キャラメル、ヘーゼルナッツクランチ、フレッシュラズベリー、ピスタチオクリーム、チョコレートスポンジ、ダークガナッシュ、チョコレートスポンジ、最後になめらかなバタークリームとチョコレートのドリップ。締めの一言 "Now you know what's inside."、価格 $64、CTA "Order yours"。
黒い背景の前、オークのボードにチョコレートスポンジが一枚だけ。その上には丸い材料ボタンが並んでいます。カーソルが順にクリックしていきます。塩キャラメル、ヘーゼルナッツクランチ、フレッシュラズベリー、ピスタチオクリーム、チョコレートスポンジ、ダークガナッシュ、チョコレートスポンジ。クリックのたびに新しい層が1フレームで重なり、クリック音とやわらかな「ポン」、そして層の名前が出ます。最後のボタンはパレットナイフ。クリックするとケーキはなめらかなアイボリーのバタークリームに包まれ、チョコレートが垂れ、ラズベリーと金箔が飾られて、すべての層が中に隠れます。「Now you know what's inside.」そして商品名、価格、CTA。
使い方の流れ
- ヒアリング:エージェントが足りない情報だけを聞きます:商品と、その下から上までの各層(それぞれ「つややかな塩キャラメルの層」のような短い説明)、仕上げ方(ナッペ、ふた、グレーズ)、任意で完成品の写真、商品名、必要なら価格、締めの一言とCTA。ほかにNano Banana 2のAPIキーが必要です。7層の動画で、モデル利用料は約0.72ドルです。
- 完成形:Nano Banana 2が、側面からすべての層が見える完成形を作り、費用をかける前に見せます。
- 各段階:それ以前の段階はすべてこの1枚から切り出し、新しい上面だけを描き足すので、クリックの間で画面が跳びません。最後に仕上げた完成品を作ります。
- ゲーム、サウンド、テキスト:ボタン、カーソル、1フレームで切り替わる各層、クリック音と仕上げのチャイム、層の名前、締めの一言、商品名、価格、CTAを、あなたのマシンでどの言語でもレンダリングし、9:16、4:5、1:1で書き出します。
コツ
- 側面の見た目がそれぞれ違う層を選びましょう。色と質感が、クリックごとのインパクトを決めます。
- 5〜7層がちょうどいい長さです。0.8秒ごとのクリックで、組み立ては約6秒です。
- 仕上げですべての層を隠しましょう。たくさんの層から、すっきりした完成品へ切り替わる瞬間が見せ場です。
- 各段階はすべて1枚の完成形から切り出すので、段階を作る前にその写真をよく確認しましょう。どの層もきれいに見えている必要があります。
- クリック音と「ポン」はタイミングに合わせて作られます。下に使用許諾のある曲を重ねるか、アプリで流行りの音源を追加しましょう。
始める前に必要なもの
- 用意するもの
- 商品と、その下から上までの各層(それぞれ「つややかな塩キャラメルの層」のような短い説明)、仕上げ方(ナッペ、ふた、グレーズ)、任意で完成品の写真、商品名、必要なら価格、締めの一言とCTA。ほかにNano Banana 2のAPIキーが必要です。7層の動画で、モデル利用料は約0.72ドルです。
- 依存関係
- Node.js 20 以降 — 必須 · Google Chrome(または CHROME_PATH)— 必須 · An API key for Nano Banana 2 — required · FFmpeg — npm install 後に ffmpeg-static で同梱
- 外部コスト
- モデル利用料はあなた自身のAPIキーに請求されます。Nano Banana 2の画像1枚あたり約0.08ドルで、完成形に1枚、それ以前の各段階に1枚ずつ、仕上げに1枚。7層で約0.72ドル、最上層と同じ層があればさらに少なくなります(2026年10月の価格)。ボタン、カーソル、サウンド、テキスト、最終MP4はあなたのマシンで無料で作られます。
- 最終テスト
- v1.0.0 —
ユーザーレビュー
まだレビューはありません。インストールして最初に評価しましょう。
よくある質問
何が必要ですか?
商品の層のリストと、Skillが使う画像モデルNano Banana 2のAPIキーです。キーはご自身のターミナルで設定し、取得先はSkillのセットアップ手順に書かれています。モデル利用料はあなたのキーに請求され、2026年10月の価格で7層の動画1本あたり約0.72ドルです。
実際の商品で使えますか?
はい。完成品の写真を渡せば、画像はそれに合わせて作られます。エージェントは各段階を作る前に完成形を見せます。
クリックの間で商品が動いてしまいませんか?
動きません。各段階はすべて1枚の完成形から切り出すので、ボード、光、下の層は動かず、変わるのは新しい上面だけです。
音はありますか?
あります。層ごとにマウスのクリック音とやわらかな「ポン」、仕上げにパレットナイフの音とチャイム、テキストに軽いティック音。すべてゼロから生成するので、ライセンスは不要です。







