← スキル一覧にもどる
🌐

HTML→動画書き出し

html2video / 動画制作 単体ツール

CSSアニメのHTMLを、編集ソフトで使えるMP4やProRes .movに変換する。

4,980円(税込・買い切り)
このスキルを購入する(4,980円)

クレジットカード決済(Stripe)。決済が完了すると、ご登録のメールアドレスへダウンロードリンクを自動でお送りします。
デジタル商品のため、ダウンロード後の返品・返金はお受けできません。動作しない場合はご連絡ください、個別に対応いたします。

どんなスキルか

CSS・SVG・JSのアニメーションを含むHTMLを動画として書き出します。複数枚のバッチ処理、尺の自動推定、解像度やfps、コーデックの指定に対応。動画編集ソフトのタイムラインにそのまま乗る形式で出ます。

できること

  • CSS/SVG/JSアニメつきHTMLをそのまま動画化
  • 複数枚バッチ処理と尺の自動推定
  • 解像度・fps・コーデックを指定できる

必要なもの

Claude Code(必須)に加えて、下記が必要です。

Claude Code ffmpeg Node.js

同梱物

ZIP 1本(3ファイル・約18KB)。Claude Codeのスキルは手順書そのものが本体です。ここに書かれた進め方・判断基準・失敗の避け方をClaude Codeが読み取って動きます。補助スクリプトを使うスキルには、それも同梱されています。

PROMPTING.md SKILL.md render.py

使い方

購入後に届くZIPを展開し、フォルダごとスキル置き場にコピーするだけです。Claude Codeを再起動すると認識されます。

unzip html2video.zip
cp -r html2video ~/.claude/skills/

あとはClaude Codeに /html2video と打つか、やりたいことをそのまま話しかければ起動します。詳しい手順は使い方のページにまとめています。