Communitygithub.com

video-shotcraft

実際のWebアプリのシネマティック製品プロモーションビデオをRemotionで作成します。実際のページをキャプチャし、約124~150枚のショットレシピカードから選択可能。Ink Pressテンプレート、ビート同期、Freesoundサウンドデザインを提供します。

video-shotcraft とは?

video-shotcraftは、実際のWebアプリケーションを元にした映画のような製品プロモーションビデオをRemotion上で作成するためのAIエージェントスキルです。約124~150種類のショットレシピカードから選択し、Ink Pressテンプレート、ビート同期、Freesoundサウンドデザインを活用します。「サイト/アプリのプロモーション/ローンチビデオを作って」といったリクエストや、単一ショットカードエフェクトの適用、既存製品ビデオへの効果音検索・調整に使用します。常に最新のコードを取得し、Playwright/Chromiumによる実際のページキャプチャ、ffmpegによるレンダリングを行います。SFXのみのタスクか、フルプロモーション(テンプレート、自律パイプライン、共同作成の3モードから選択)かを最初に判断し、Ink Pressをデフォルトとせず、ユーザーに選択を促します。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/suryxnshsingh/design-engineering-skills/tree/main/video-shotcraft

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

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

ドキュメント

video-shotcraft(ライブ上流ポインタ)

上流: https://github.com/Vincentwei1021/video-shotcraft · ギャラリー: https://vincentwei1021.github.io/video-shotcraft/ ドキュメントは中国語です。それに従い、ユーザーにはその言語で回答してください。

1. 最新を取得

bash ~/.claude/skills/design-engineer/scripts/upstream.sh video-shotcraft     # PATH=<checkout> を出力

<PATH>/SKILL.md を全文読んでください。このファイルは、何よりも先に判断しなければならないスコープを定義しています。

  • SFXのみのタスク → references/sound-design.md + references/sfx-sourcing.md、sfx-source.py search を使用。
  • フルプロモーション → 3つのモードのいずれか(決してマージしない):テンプレート(template/TEMPLATE.md)、自律(references/pipeline.md)、共同作成(references/guided-free-creation.md)。
  • ユーザーがモードを選択していない場合:読み取り専用の製品検査を行い、理由と共にモードを推奨し、ユーザーの選択を待って停止する。Ink Pressをデフォルトにしないでください。
  • 名前付きショットカード(例:deck-deal-flyin)は制約条件です:各カードとそのデモソースを読んでください。

2. 代わりにプロジェクトにインストール

npx skills add Vincentwei1021/video-shotcraft -y

3. 依存関係

Remotionプロジェクト(Node 18+)、Playwright/Chromium(ページキャプチャ用)、ffmpeg。Remotionスキル(remotion)はレンダリングの問題をカバーします。

4. 使用すべきでない場合

実際のページに関連しないブランド/説明ビデオ → lemo-opuscar または hyperframes。一般的なRemotionコーディング → remotion。

Individual skills in this repo

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

関連スキル