Claude Codeでモーションデザイン動画を作るスキル（MIT・日本語ガイド付き）

概要

Claude Code に、コードだけでモーションデザイン動画を作らせるスキルです。by Howseen AI After Effects や Remotion のライセンス、動画編集アプリは使いません。HTML で動きを組み、Playwright で1コマずつ書き出し、ffmpeg で動画にします。場面の切り替えは音楽の拍に合わせ、効果音は音のピークの位置に置きます。 このスキルはオープンソース（MIT ライセンス）で、コードは無料で公開されています。この出品で買うのは独占的なコードではなく、すぐ使える形にまとめたパッケージ、日本語の導入ガイド、購入後のサポートです。 できること ・Claude Code に動画を頼むか /motion-design と入力すると、構成から書き出しまで進めます ・進め方：素材と要件の確認、音楽の拍に場面を割り当てる、静止画4枚で確認、本番の書き出し、ちらつきの検出、音入れ、完成 ・1コマを複数回撮って重ねるモーションブラーと、60fps での書き出し ・音楽と効果音を合わせ、音量を -14 LUFS にそろえる ・音楽・効果音・写真は無料の素材サイト（Mixkit、Pexels、Unsplash など）から探して取得 ・既存のローンチ動画を、自社ブランドで1コマずつ作り直す「リメイク」モード ・見本の数字を画面に出すときは「Example data」と明記するなど、事実と違う表示をしないためのルール入り 向いている方 ・製品紹介やローンチ用の短い動画を、外注せず社内で作りたい ・Claude Code をすでに使っている開発者・デザイナー 必要な環境 ・Claude Code ・Python（playwright、imageio-ffmpeg、numpy、pillow）と、Playwright 用の Chromium 導入の流れ（詳しくは同梱の日本語ガイド） 1. スキルのフォルダを Claude Code のスキル置き場にコピーする 2. Python のライブラリと Chromium を入れる 3. Claude Code で動画を頼むか、/motion-design と入力する 納品物 ・スキル一式（SKILL.md と補助スクリプト）と見本の動画プロジェクト1本（ZIP） ・日本語の導入ガイド ・MIT ライセンスの全文 購入後の質問は、取引ルームから出品者に送ってください。