できること
- 1080x1080、24 fps、34 秒(軽量版は 23 秒)の MP4
- ひとつのモーフィング・ノードと 3×3 の壁の上のカメラを備えた、動く正方形の映画テンプレート
- 書かれた 4 つのモーフの形、8 ビートの絵コンテ、つなぎ目の台帳
- コピー予算のチェッカーと、プロジェクトの雛形スクリプト
- 任意:PopNow の結果の画像、BGM、インターフェースの音
向いている用途
- 2 つのツールの間の連携、書き出し、送信のアクション
- 正方形の動画を見せるフィードやプロフィールのグリッドの投稿
- エージェントの引き継ぎを、ひとつの単純な動作として見せること
向いていない用途
- ランディングページのヒーローや、16:9 で見られるもの
- ページが反応すべき打ち込みのない機能
- 書面の許可なしの、他社のインターフェースの再現
使い方
Claude・ChatGPT で
PopNow のスキル「正方形の UI モーフィング・プロモ」(square-ui-morph-promo)を使って、次のことをしてください:当社のメモアプリは、ボタンひとつで、メモを当社の画像ツールに送れるようになりました。フィード用の正方形のローンチ映画を作って。
コーディングエージェントで
/popnow-square-ui-morph-promo 当社のメモアプリは、ボタンひとつで、メモを当社の画像ツールに送れるようになりました。フィード用の正方形のローンチ映画を作って。
次はこれ
返信用の表紙画像 3 枚と、引きのショットで上がる BGM の見積もりを出して。
23 秒の軽量版を作って。
用意しておくもの
- 2 つのツールと、それを結ぶアクション
- ページが反応できる一語を含む、実際の依頼
- 壁に並べるセッション名(実在のもの、または明らかに架空のもの)
- Node.js 22+ と FFmpeg
似ているスキル
すべて見る →エージェント・クルーのローンチ動画
+3つややかなヘルパーのキャラクターが温かい点描の紙の上に並び、電話での実際の作業と、新しいヘルパーを生み出すスキルを見せます。
AI チャットボットのデモ動画
+3暗いチャットアプリの中でナレーション付きのデモ。連携をオンにして質問し、結果とカウントアップを見せます。
エージェントによる製品ローンチ映画
+3製品サイトと実際の画面から組み立てる、落ち着いたキーノート風のローンチ映画。ビートに合わせてカットします。
チェックリストのアニメーション製品デモ
+3スマホ画面の横に紙のメモのチェックリスト。各ボックスは、画面上でその手順が起きた瞬間にチェックが入ります。
モバイルアプリのプロモ動画
+310〜13 秒のアプリ紹介。製品の 7 つの場面が 1 回のカメラの動きのようにつながり、HTML と GSAP で組みます。
ASCII グリッチのハイプ映画
+3グリフのセルで描いた ASCII フレーム、追跡ボックス、ドットマトリクスの文字が、ロゴへ向けて 10 分の 1 秒ごとに切り替わります。
ビフォーアフターの比較ローンチ動画
+3ほぼ黒のキャンバス、等幅のファイル名、ひとつの電気的なアクセント。内容を、まず静止したページとして、次に映画として見せます。
設計図風スペック・プロモ動画
+3ほぼ黒のスペックシートに描かれる主張。枠付きの図、ハッチング、引き出し線、表題欄で構成します。
変更履歴の解説動画
+3実際のプルリクエストを、差分を決して読まない人のための 30 秒の映画に変えます。
ひとつのスレッドのチャット・ローンチ動画
+3温かい紙の上の、ひとつのチャットウィンドウ。リセットはされません。待ち時間を尋ね、修正を頼み、動くのを見ます。
シネマティックなダーク UI ティーザー
+3黒い虚空に漂うあなたの UI。滑るカメラ、ひとつの鋭いピント、打ち込まれたコマンド、光る名前。
開発者ツールのローンチ・リール
+3ひとつのプロンプトを 4 か所に打ち込み、実際の結果をビートに合わせて切ったリール、最後にインストールのコマンド。
デバイスモックアップ付きの SaaS 製品動画
+3暗いスタジオの中、ニュートラルなデバイスに映る実際のアプリ画面。そのあとひとつの実操作と、明るい見せ場。
温かい紙の雑誌風ローンチ動画
+3温かい紙の上の特大の活字。フレームごとにアクセントはひとつ、持ち上がる製品カード、インクの黒への切り替え。
不満から機能へのローンチ動画
+3ユーザーが投稿し続けている不満から始めて、新機能がそれを偽だと証明します。
面白い課題と解決の動画
+3小さないらだちをギャグとして演じ、丁寧なお願いが積み重なり、ひとつのオレンジの錠剤が解決策になります。
ハーフトーンのキャンバスのローンチ動画
+3生きたひとつのドットのキャンバスの上で進むローンチ映画。どの文字よりも一拍早く動きます。
手描きのインフォグラフィック動画
+3ひとつの長いポスターに描かれたフェルトペンのパネル。カメラが描かれたルートをたどり、最後に全体のシートまで引いていきます。
HyperFrames 向け AI 素材
+3HyperFrames 動画向けのヒーロー静止画、ブロール、BGM、ナレーション。先に見積もり、assets/ に整理して保存します。
製品ローンチ映画
+3URL か README から作る 20〜40 秒のローンチ動画。すぐ投稿できる文章と、3 つのアスペクト比。
リキッドなロゴの登場
+3ガラスのようなしずくがあなたのマークを読めないまま運び、弾けて、くっきりしたロックアップを残します。
複数のスタイルのキーノート・ローンチ動画
+3機能ごとに独自の世界を。青いグラフ、クリーム色のセリフのページ、暗い光の面、ポスターのグリッド。
多言語ローンチ動画
+3製品名は動かず、言語ごとに自分の文字と声で、字幕つきで流れ込みます。対応言語を発表する映像です。
ナレーション付きの解説動画
+345〜120 秒の解説。声と単語に同期した字幕つきで、コラージュ、ホワイトボード、データのいずれかのスタイル。
切り絵風の科学アニメーション
+3影箱の紙の層、切り絵の太陽と月、紐で揺れるラベル。ひとつの科学のアイデアを、ナレーション付きで。
提携の発表動画
+3枠付きの窓の中の発表者、ひとつのカードに並ぶ二つのロゴ、タイプされる三段階の設定、声に合わせて流れる動詞。
ピクセルアートのプロモ動画
+3リンク、ピッチ、ストーリーからフレームごとに描く、製品についてのレトロなピクセルアートの映画。
ぬいぐるみキャラクターのローンチ動画
+3フェルトのぬいぐるみのキャラクターがカーソルに乗り、チームのエディターの中で、ライブであなたのプロモを組み立てます。どのカットもビートに合わせて。
無音から音へのリビール・プロモ
+3完全な無音の中で、ボタンが三度押される。そのあと同じショットが音つきで流れ、さらに音楽つきでもう一度。
紙の絵本アニメーション
+3動く絵本。フェルトと粘土の切り絵、重ねた紙の丘、ひとつずつ飛び出す言葉。
お客様の声の動画メーカー
+3温かい罫線の紙の上の、持ち上がったカードのあるポートレートの板。ティールのアクセントひとつ、顧客ごとに静かなクロスフェード。
人物の後ろに文字を置くタイトル
+3カメラに映る人の後ろに、巨大な見出しが勢いよく入り、きれいなカットのあとはフレーム全体を占めます。
素材の質感の文字プロモ
+3テラゾー、レンガ、スチールから切り抜いた見出しの文字。温かいムードボードの上で、3 フレームごとに表面が入れ替わります。
ホワイトボードアニメーション動画
+3マーカーペンが一枚のボードに授業全体を描き、誤解を消し、そのあと完成したボードへ引いていきます。
よくある質問
なぜ正方形なのですか?
映画は、1:1 の動画を見せるフィード向けに構成されているからです。スキルはまず、どこに投稿するかを尋ねます。横長のページなら、正方形をレターボックスにするのではなく、別の映画を勧めます。
モーフは本当にひとつの要素ですか?
はい。ボタン、プロンプトのカード、選択肢のあるカード、折りたたまれた一行は、ひとつの要素が 4 つの書かれた形を、ひとつのイージングで動いていくものです。そのため、視聴者は物が入れ替わるのではなく、ひとつの物が変わるのを見ます。
引きのショットでは何が起きますか?
映画は、ずっと 9 枚のカードの壁のうちの 1 枚の中で流れていました。カメラは通常の大きさに戻り、見ていたカードは色と結果を保ち、それからカメラは別のカードへ飛び込みます。
パートナーのインターフェースを見せられますか?
書面の許可がある場合のみです。そうでなければ、スキルはその面にニュートラルな紙のカードを使い、引き継ぎメモでその旨を伝えます。

