Communitygithub.com

suryxnshsingh/video-shotcraft

製作真實網頁應用程式的電影級產品宣傳影片,使用 Remotion:擷取真實頁面、從約 124-150 張分鏡配方卡中挑選、提供 Ink Press 模板、節拍同步與 Freesound 音效設計。適用於「為我的網站/應用程式製作宣傳/發布影片」、單張分鏡卡特效,或為現有產品影片尋找/對齊音效。始終獲取最新版本。

video-shotcraft 是什麼?

video-shotcraft 是一個專為 Remotion 設計的技能,能將真實的 Web 應用程式頁面轉換為電影級產品宣傳影片。它透過 Playwright/Chromium 直接擷取真實頁面,並從約 124-150 張分鏡配方卡中挑選鏡頭,支援 Ink Press 模板、節拍同步與 Freesound 音效設計。此技能適用於 Claude Code、Cursor 與 Codex 等 AI 代理平台,開發者只需描述需求(如「為我的網站製作宣傳影片」),技能便會自動完成頁面擷取、鏡頭組合與音效對齊。其工作流程分為三種模式:模板模式、自主模式與共創模式,使用者須先選擇模式才能開始執行。此外,它也支援純音效任務,可獨立搜尋與對齊音效。主要限制在於必須綁定真實頁面,不適用於品牌說明影片或一般 Remotion 編碼任務。

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

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

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=<檢查路徑>

完整閱讀 <PATH>/SKILL.md。其中定義了您在進行任何操作前必須做出的範圍決策:

  • 純音效任務 → references/sound-design.md + references/sfx-sourcing.md,使用 sfx-source.py search。
  • 完整宣傳片 → 三種模式之一,不可合併:模板(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.

相關技能