Communitygithub.com

syaiffudin85/prompt2claudevideo

テキストプロンプトを動画に変換します。ユーザーが動画、リール、イントロ、説明動画、アニメーションの作成を依頼した際に使用します。

prompt2claudevideo とは?

このスキルは、ユーザーが与えたテキストプロンプトを基に、HTML と HyperFrames を使用して MP4 動画を自動生成します。まず、プロンプトから目的、デュレーション(デフォルト 15 秒)、アスペクト比(9:16 / 16:9 / 1:1)、言語、ビジュアルスタイルを決定し、必要最小限の確認のみ行います。次に、ストーリーボードを 3~6 シーンに分割し、各シーンの開始時間・終了時間、画面上テキスト、ビジュアル、トランジションを定義して `output/<name>/storyboard.md` に保存します。その後、GSAP を用いた HTML コンポジションを `output/<name>/index.html` として記述し、`/hyperframes-cli` スキルで lint とプレビューを行いエラーを修正します。最後にレンダリングして `output/<name>/video.mp4` を生成し、ファイルパス、デュレーション、解像度をユーザーに報告します。このスキルは Claude Code, Cursor, Codex など AI エージェント向けの環境で動作し、動画制作のワークフローを効率化します。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/syaiffudin85/prompt2claudevideo/tree/HEAD/.claude/skills/prompt2video

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

prompt2video

プロンプトを動画(MP4)に変換するワークフローです。HTML + HyperFrames を使用します。

手順

  1. 概要の決定 - ユーザープロンプトから、目的、デュレーション(デフォルト 15 秒)、アスペクト比(9:16 / 16:9 / 1:1)、言語、ビジュアルスタイルを決定します。明確でない場合にのみ質問します。
  2. スクリプト&ストーリーボード - 3~6 シーンに分割し、各シーンについて開始時間/終了時間、画面上テキスト、ビジュアル、トランジションを定義します。output/<name>/storyboard.md に保存します。
  3. コンポジション - ストーリーボードに従い、HTML/GSAP コンポジションを output/<name>/index.html に記述します。
  4. プレビュー&lint - /hyperframes-cli スキルを使用して lint とプレビューを行い、エラーを修正します。
  5. レンダリング - output/<name>/video.mp4 にレンダリングします。
  6. 報告 - ファイルパス、デュレーション、解像度をユーザーに通知します。

前提条件

npx skills add heygen-com/hyperframes

ルール

  • 各動画は output/ 配下に個別のフォルダを作成します。
  • 大きなレンダリングファイル(*.mp4)はコミットしないでください。これらは .gitignore に含まれています。

関連スキル