Communitygithub.com

nootasimrazzaq/AI-Video-Editor

テキストやスクリーンショットのみから、モーショングラフィックス動画を生成します。製品紹介動画、SaaSプロモーション、デモ動画など、映像素材不要でプロ品質の動画を作成できます。

AI-Video-Editor とは?

このスキルは、ユーザーが提供するスクリプト、製品説明、アプリのスクリーンショット、または簡単な指示を元に、ゼロからアニメーション動画を生成するための AI エージェントスキルです。従来の映像編集では不可欠だったビデオクリップや画像素材を一切必要とせず、テキストとコードベースの指示だけで完結する点が最大の特徴です。本スキルは Claude Code や Cursor などの AI コーディングエージェント環境を想定して設計されており、`hyperframes-core` と `hyperframes-animation` といったライブラリを内部で利用します。対応する動画の種類は、テキストのみの説明動画、製品ローンチ動画(商品画像かHTML/CSSで製品を再現)、SaaSプロモーション動画(スクリーンショットをそのまま使用した高速ズーム・パン編集)、初回レンダリングテスト、そして10種類のモーションエフェクトをデモする動画の5つです。各動画は解像度・フレームレート・長さなどの既定テンプレートを持ち、ユーザーが詳細を指定できます。スタイルが指定されていない場合は、ソフトグラデーション背景に白いカードを配置したクリーンなデザインを自動適用します。最終的な動画は `renders/` ディレクトリに出力され、`npx hyperframes lint` とチェックを経てエクスポートされます。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/notasimrazzaq/AI-Video-Editor/tree/HEAD/.agents/skills/mg-from-scratch

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

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

ドキュメント

ゼロからの動画生成

仕組み: hyperframes-core + hyperframes-animation を読み込みます。以下の上流ルートも適宜利用可能です: faceless-explainer(テキスト用)、product-launch-video(製品/SaaS用)。このスキルの指示およびルールが競合する場合は優先されます。

セットアップ

powershell -NoProfile -ExecutionPolicy Bypass -File tools/new-project.ps1 -Name "<名前>"                      # テキスト / 製品
powershell -NoProfile -ExecutionPolicy Bypass -File tools/new-project.ps1 -Name "<名前>" -Screenshots "<ディレクトリ>"  # SaaSプロモーション

製品画像がある場合は projects/<名前>/product.png にコピーしてください。その後 projects/<名前>/ 内で作業します。 スタイル: 指定がない場合は尋ねてください。その後 mg-styles 内のブロックを適用します。スタイル未指定の場合: ソフトなライトグラデーション上のクリーンな白いすりガラスカード、フォントは Inter。

ブリーフ(ユーザーの詳細を入力のこと。実際の数値は尋ね、それ以外は例としてマークすること)

テキストのみ(PROMPT 08) · デフォルト 1080x1920、30 fps ユーザーの正確な言葉を使用し、書き換えや短縮は絶対に行わないでください。1画面に1文、スマートフォンで読める十分な大きさで表示します。長い文は同じ画面内で2〜3行に折り返します。各画面は読むのに十分な時間(1語あたり約0.35秒、最低1.2秒)表示します。すべてのテキストは幅の中央80%以内に収めます。 → renders/text.mp4

製品ローンチ(PROMPT 09) · デフォルト 1920x1080、30 fps、約12秒 product.png が存在する場合はそれをヒーロー画像として使用し、存在しない場合はHTML/CSSで製品(アプリ画面、ロゴ、またはスマートフォン)を構築します。 0〜2秒 ロゴ/名前の表示 → 2〜9秒 製品が実際に動作している様子を示す3つの機能シーン(単なる文章ではない)→ 9〜12秒 エンドカード: 名前、短いキャッチコピー、CTA。 → renders/product.mp4

SaaSプロモーション(PROMPT 10) · デフォルト 1920x1080、30 fps、約60秒

  1. まずすべてのスクリーンショットを確認し(画像を表示)、それぞれの内容を書き出します。
  2. 短いフックで始め、その後各画面で重要な部分(数字、グラフ、ボタン)にズームインし、それが顧客に何をもたらすかを短い1文で説明します。
  3. スクリーンショットはそのまま使用し、絶対に再描画しないでください。
  4. 動きのある感覚: 高速ズームとパン、画面間の大きな太字のテキスト、安定したビートに合わせたカット。
  5. ロゴ、短いキャッチコピー、CTAで終了。 → renders/promo.mp4

初回レンダリング / スモークテスト(PROMPT 02) · 1920x1080、30 fps、6秒 紫→青のグラデーション上のすりガラスカード: グレーのラベル「MY FIRST RENDER」、数字が2秒かけて0→100とカウントアップ、4秒の時点で緑のピルが表示される。 → renders/first.mp4

モーションデモ(PROMPT 03) · 1080x1920、30 fps、14秒 mg-styles の10種類のモーション、各約1.3秒。暗い背景に白いカード、カード上部に小さくモーション名を表示。 → renders/moves.mp4

仕上げ

npx hyperframes lint → npx hyperframes check → キーモーメントのスナップショット(表示して確認)→ レンダリング → 承認されたファイルを exports/ にコピー。 サウンド: mg-sound。バリエーション / 透明背景: mg-export。

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

notasimrazzaq/AI-Video-Editor

Add motion graphics on top of the user's own raw / talking-head video (Damiano 'Motion Graphics with Claude Code' workflow, PROMPT 11 + 12). Use when: the user gives a raw video, reel, clip or footage and wants it edited, animated, 'made into a masterpiece', cards/counters/checklists added, or a specific moment fixed ('when I say X, show Y').

notasimrazzaq/AI-Video-Editor

Render and export HyperFrames videos: frame rate, 4K, ProRes MOV, PNG sequence, smaller files (--crf), transparent overlays for Premiere/After Effects (PROMPT 14), plus quick fixes when something looks wrong (fonts, cropping, captions overlap, timing, huge files). Use when: the user asks to render, export, change resolution/fps, make it transparent, reduce size, or says something looks off.

notasimrazzaq/AI-Video-Editor

Check or repair the video-editing toolchain on this Windows PC (Node 22+, FFmpeg, Deepgram key, Chrome, HyperFrames skills). Use when: transcription or rendering fails, a new PC needs setup, .setup-ok is missing, or the user asks to update HyperFrames.

notasimrazzaq/AI-Video-Editor

Add sound effects to a motion-graphics video: the kit's clicks (pop, tick, counter, chime, snap, star, switch, fill, success) and the paper / stop-motion set (paper-flip, paper-drop, paper-rustle, tape-rip, marker-tick, marker-scribble, stamp, paper-slide, thump). PROMPT 13. Use when: the user asks for sound effects, SFX, clicks, ticks, dings, crisp sounds, page turns, paper sounds, or 'make it sound better'.

関連スキル