alchaincyf/huashu-motion

これは何？

主な機能

• 01商品説明から、単一のHTMLページとして構成された本格的なローンチ動画を制作します。
• 02ブラウザスタジオで対象をクリックしてコメントを付けられ、エージェントは選択した要素だけを変更します。
• 03ABC記譜法をもとに作曲した音楽をサンプリング音源で再生でき、組み込みのフォールバックスコアも利用できます。
• 04効果音をアニメーションの着地点に同期します。
• 05システム音声、Kokoro、または単語単位でアラインメントした自分の音声を使ってナレーションを追加できます。
• 06MP4、透過MOV、WebM、GIF、または共有可能なHTMLページに書き出せます。

ユースケース

• 動画編集ソフトを使わずに、ソフトウェア製品やアプリの30秒ローンチ動画を制作する。
• CSVデータセットを、アニメーション付きグラフとナレーションを備えた解説動画にする。
• 既存の動画から縦型（1080x1920）バージョンを制作する。
• トークヘッド動画に、透過オーバーレイとしてローワーサード、数値カード、字幕を追加する。

クイックスタート

1. 1

   1つのコマンドでskillをインストール

   npx skills add alchaincyf/huashu-motion
2. 2

   環境を確認して不足しているものを見つける

   om doctor
3. 3

   同梱のデモを実行して動作を確認する

   om demo

使う前に知っておきたいこと

• !実環境でのテストはmacOSのみです。
• !Node 22以降、Chrome、FFmpegをローカルにインストールする必要があります。
• !実在の人物や実写映像は生成できません。ビジュアルはコードで描画されます。

トピック

よくある質問

huashu-motion とは？

商品説明から、作曲された音楽とポイント＆クリック編集に対応した、商用レベルのローンチ動画をコードで制作するClaude Code / Codex向けエージェントスキル。 huashu-motionは、商品ローンチ動画を制作するためのエージェントスキルです。コーディングエージェントに30秒のリリース動画を依頼すると、商品を読み込み、ビジュアルの方向性を提案し、タイミングプランを作成して、GSAP、Canvas、Three.js、またはSVGを使った単一のHTMLページとして動画を組み立てます。動画生成モデルは使わず、各フレームはコードと時間によって決まります。

huashu-motion は無料で使えますか？ライセンスは？

huashu-motion は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

huashu-motion は今もメンテナンスされていますか？

活発にメンテナンス中。huashu-motion の最終コミットは 2026年10月19日 です。

huashu-motion は何に使えますか？

動画編集ソフトを使わずに、ソフトウェア製品やアプリの30秒ローンチ動画を制作する。 CSVデータセットを、アニメーション付きグラフとナレーションを備えた解説動画にする。 既存の動画から縦型（1080x1920）バージョンを制作する。 トークヘッド動画に、透過オーバーレイとしてローワーサード、数値カード、字幕を追加する。

huashu-motion のインストール方法は？

1つのコマンドでskillをインストール: npx skills add alchaincyf/huashu-motion 環境を確認して不足しているものを見つける: om doctor 同梱のデモを実行して動作を確認する: om demo

huashu-motion はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/alchaincyf/huashu-motion