Loading...

ローンチ動画スキル · huashu-motion

製品のURLを渡しただけで、実際のアプリ画面が動くローンチ動画をAIが作ってきました

Claude CodeやCodexにhuashu-motionを組み込み、製品のURLやリポジトリのリンクを渡すと、AIが実際の製品画面が動くローンチ動画を作り、BGMと効果音もビートに合わせて付けてくれます。仕上がった動画で直したい場面をクリックして一行書けば、AIがその箇所だけを直します。場面を動画生成モデルではなくコードで描くので、自分の画面やロゴがそのまま映ります。自分の製品のプロモーション動画を作った開発者たちの事例を集めました。

2026年10月26日·事例 4件

Macのクリップボードアプリ「Echo」を作るAI磊叔が、huashu-motion公開の翌日に製品のURLを入れて作った20秒の動画です。BGMは4回作り直させて、ドラムと主旋律を強めたと書いています。出典:AI磊叔のX

10月18日にhuashu-motionが公開された翌日、Macのクリップボードアプリ「Echo」を作るAI磊叔が、制作者のローンチ投稿にこんなコメントを付けました。「来了,给 90 分~ 我的产品地址丢进去就出来了成品,画面的成熟度很高」(来た、90点をあげる。自分の製品のURLを入れたら完成版が出てきた。映像の完成度が高い)。ページ冒頭の動画は、このコメントに添えられていたものです。

公開後の8日間で、ウォッチ用ファームウェア、コンテンツサービス、文書レイアウトのスキルを作る人たちも、自分の製品のプロモーション動画を作って投稿しました。制作者の花叔がXに投稿したローンチ投稿は、10月26日時点で閲覧239,747回、ブックマーク1,815回を集めています。

動画ができあがったら、ブラウザで開くプレビュー画面で直したい場面をクリックし、一行書くだけです。自身のiOSアプリ「鲸海语记」を作る沐风AIは、Claude Codeに「用 huashu-motion 给我的产品做一支 60 秒发布片」(huashu-motionで自分の製品の60秒ローンチ動画を作って)と頼みました。動画ができると18.55秒の場面をクリックし、「这个页面的时候,底部波浪跳动动画速度太快了」(この画面で、下の波が跳ねるアニメーションが速すぎる)と書きました。AIはその波の時間係数の1行だけを1.2から0.45に下げ、深海の場面の波は速度が別に設定されているため手を付けませんでした。もう一つの指摘は、サブタイトルの文言を「周报、月报或自定义分析」(週報・月報、またはカスタム分析)に短くしてほしいというものでした。沐风AIは「两条都是在画面上点一下、打一行字,AI 就改对了位置,而且没碰别的地方。」(2回とも画面を一度クリックして一行打っただけで、AIは正しい箇所を直し、ほかには触れなかった)と書いています。

huashu-motionは、Claude CodeやCodexなどのコーディングエージェントに組み込む無料のオープンソーススキルです。場面をコード(HTMLとGSAP)で描き、BGMも録音ファイルではなくコードで作るため、成果物は普通のWebファイルとMP4になります。

Reference 01Macのクリップボードアプリ「Echo」を作るAI磊叔 · X

Macクリップボードアプリの実画面録画を6本渡したら、10分足らずで最初の動画が届きました

AI磊叔はhuashu-motion公開から3日目、公開翌日に作ったページ冒頭の動画に続いて、Codexとgpt-6.1で丸一日かけてEchoのプロモーション動画を作り直しました。今回はEchoの実際の画面録画6本を素材として渡しています。音のない最初の動画は10分足らずででき、1日で18回修正し、その間に完成版が15本できました。修正を頼んでから新しい版が出るまでは最短で77秒、20秒の1080p動画のレンダリングには17秒かかりました。

AI磊叔は完成版について「成片质量很赞,六段真实录屏加 GSAP 标题转场,利落干净,节奏剪辑的很符合我的口味。」(完成版の質がすばらしい。実際の画面録画6本にGSAPのタイトル遷移を重ねてすっきりしていて、リズムの編集が自分好みだ)と書いています。動画には複数項目の選択、Markdown変換、計算といったEchoの機能が登場し、投稿の最後では動画に出てくるアプリの宣伝もしていました。

Reference 02M5Stackの丸型ウォッチ向けAIアシスタントファームウェア「Jax」を作る比特HODL · X

リポジトリのリンクを送っただけで、ウォッチ用ファームウェアの46秒プロモーション動画が完成して届きました

比特HODLはOpus 5.5でhuashu-motionを有効にし、JaxのGitHubリポジトリのリンクを送って、リポジトリをもとにプロモーション動画を作ってほしいと頼みました。エージェントは途中で止まっていくつかの選択肢を尋ね、そのあと46秒の完成版を渡してきました。動画には丸型ウォッチの画面とリポジトリのURLが映ります。

比特HODLは「如果手搓的话难度不小,关键是不需要任何提示词,懒人福音啊简直是」(手作業でやるとかなり難しい。なにより、プロンプトが一切要らない。怠け者にはまさに福音だ)と書いています。

Reference 03自身のサービスMewyo(mewyo.co)を運営する創業者のyao · X

動画編集の経験ゼロ。Codexと会話するだけで、自分のサービスの52秒プロモーション動画を作りました

yaoはCodexと会話しながらhuashu-motionを使い、クローズドテスト中の自身のサービスMewyoの52秒プロモーション動画を作りました。動画に映る画面から見ると、Mewyoは参考にするアカウントの推薦を受けて保存し、投稿スケジュールまで組めるサービスです。動画に入れる画面は、Codexのコンピューター操作機能(computer use)を使ってAIが自分でWebページを開き、キャプチャしました。動画には猫のキャラクターと、アカウントの推薦・収集・投稿カレンダーの画面が登場し、最後の画面にmewyo.coが表示されます。

yaoはこの動画を「交作业(宿題の提出)」として、huashu-motionのローンチ投稿への返信で公開しました。「我之前完全没有做过产品剪辑,竟然也搞出个一个能看的推广视频了。」(これまで製品動画の編集はまったくしたことがなかったのに、見られるプロモーション動画を作れてしまった)

Reference 04中国の公文書レイアウト用スキルを公開したプロダクト戦略コンサルタントの谁是专家 · X

アプリではなく、公文書を決まった書式に整えるツール。それでも、その過程を見せる30秒のプロモーション動画ができました

谁是专家は、中国の公文書書式標準(GB/T 9704)に沿って公文書をレイアウトする自作スキルを公開し、そのプロモーション動画をhuashu-motionで作りました。開発ツールはTraeCode、モデルはDeepSeek 4.1 Flashの一つ前のバージョンでした。動画には公文書がレイアウトされていく場面と、スキルのリポジトリURLが映ります。谁是专家は結果について「效果还不错」(結果はなかなか良い)と書いています。

みんなの反応

よかったという声

  • “这才是我觉得 AI 做视频最值钱的地方: 不是第一版有多好,而是改第二版的成本低到可以随手改。”

    これこそ、AIで動画を作るうえで一番価値があると感じた点だ。最初の版がどれだけ良いかではなく、2版目を直すコストが、思いついたらすぐ直せるほど低いということ。

    自身のiOSアプリの60秒ローンチ動画を作り、画面をクリックして2つの指摘を残したあとに書いた言葉です。

    沐风AI · 稀土掘金juejin.cn
  • “配乐可以自动踩点,这点很省心。”

    BGMが自動でビートに合わせてくれるので、この点は手間いらずだ。

    AI磊叔 · Xx.com

物足りなかったという声

  • “但是配乐的旋律,我做了 10 几个版本没有一个过我这关。”

    でも、BGMのメロディーは十数バージョン作ったのに、一つも自分の基準を通らなかった。

    AI磊叔 · Xx.com
  • “机器能查出框和遮挡,查不出"不好看"。”

    機械は枠からのはみ出しや重なりは見つけられても、「見た目が良くない」は見つけられない。

    最初の版は自動チェックでエラー0件でしたが、18フレームを抜き出して1枚に並べてみると、文字と波が重なるなど問題が4か所ありました。

    沐风AI · 稀土掘金juejin.cn
  • “会比较支离破碎一些,系统感不强。就暂时不放出来了。”

    ややバラバラで、まとまりに欠ける。だから、ひとまず公開はしない。

    同じhuashu-motionに別のモデルの組み合わせ(DSHとK3)を使い、自身の別の製品「辞达」の動画を作った結果についての言葉です。

    谁是专家 · Xx.com
  • “A successful exit that leaves a 0-byte MP4 makes automated use and error detection unreliable.”

    正常終了したのに0バイトのMP4しか残らないと、自動での運用もエラーの検知も当てにできなくなる。

    Windows 11で、v0.3.1のレンダリングコマンドがときどき0バイトのMP4を残して終了するという報告です。

    DerWebfuchs · GitHubgithub.com

始め方

Claude CodeやCodexなどのコーディングエージェントに、下の依頼を貼り付けるだけです。パソコンにNode 22以上、Chrome、FFmpegが必要です。制作者が実際に動かして確かめたのはMacだけです。Codexでは、プレビューとブラウザの起動を自分で許可する必要があるかもしれません。

  1. はじめの依頼

    huashu-motionスキル (https://github.com/alchaincyf/huashu-motion) をインストールして、足りないプログラムがあれば先に教えて。それから、この記事を読んで: https://www.working-ref.com/ja/reference/huashu-motion-2026-10 私の製品のURLかリポジトリのリンクを聞いてから、その製品で作ってみる価値のあるプロモーション動画を3つ提案して。私が一つ選んだらすぐに作り始めて。選べるものがなければ、30秒のローンチ動画から作って。

    動画の最後の1.2秒には、標準で「Made with huashu-motion」の署名が入ります。外したいときは、エージェントにdata-om-signature="off"で無効にするよう頼んでください。

このリファレンスを共有

毎週1回・無料

このリファレンスは役に立ちましたか?

毎週あふれるAIニュースから
BEST 3つだけ、受信箱へ

Work Smarter with AI

420人が毎週受け取っています

購読完了 次号から受信箱でお会いしましょう。

製品のURLを渡しただけで、実際のアプリ画面が動くローンチ動画をAIが作ってきました | リファレンス