免費
Maison Vey · 16:9
由此 Skill 渲染
一個開源 Skill：直接拍你真實的產品頁面，而不是做樣機。AI 助手以 2 倍清晰度擷取頁面，為每個功能配對調校好的鏡頭配方，寫分鏡，用 Remotion 做動畫，配上踩點的音效和音樂，逐格檢查，交給你一支可繼續編輯的 MP4。
更新於 2026年11月2日
你將得到
- 一支完整宣傳片，H.264 MP4，1920×1080，30 fps
- 一個 Remotion 專案，每個鏡頭、字幕和音效都能編輯
- 每個鏡頭的靜態影格和一份品質審查
- 每個音效的來源署名檔
適合
- 網店、商品頁和新品發布
- Web 應用、SaaS 後台和桌面工具
- 需要呈現高級感的功能更新
不適合
- 沒有網站或介面可拍的產品
- 真人出鏡或實拍影片
關於此 Skill
你只需說
/video-shotcraft 幫我在 localhost:3000 的網店做一支 25 秒宣傳片：從產品開場，展示尺寸選擇和加入購物袋，最後停在我們的 logo。用共同創作，讓我先確認分鏡。
讓 AI 助手打開你的網站、Web 應用或網店。Shotcraft 會擷取真實頁面，再像動態設計師一樣調度它們：鏡頭從產品特寫升起，拉到整個頁面；內容列一條條落進位置；游標選中一個選項，價格隨之切換；購物袋滑入，逐項填好；最後介面散去，你的品牌名落定。每一格都來自你自己的頁面和文案，所以畫面清晰、符合品牌，而且完全可以繼續編輯。
運作方式
- 產品檢查：AI 助手讀取專案或網站，判斷要展示什麼，並推薦三種做法之一：沿用現成的 Ink Press 範本、讓助手全權導演，或共同創作，由你確認簡報、視覺方向、鏡頭清單和分鏡。
- 擷取頁面：啟動你的本機網站（或打開線上網站），以 2 倍清晰度擷取每個頁面、元素去背和版面座標表，鏡頭穿過真實頁面時也不會模糊。
- 鏡頭：從 124 張鏡頭配方卡（開場、運鏡、轉場、互動、字效、收尾）中挑選，每張都附調校好的範例程式碼，在 Remotion 裡建構影片。
- 聲音：從 Freesound 找音效（預設 CC0），精準釘在對應影格上；帶上你自己的音樂，每個剪接點都會踩在節拍上。
- 檢查與算繪：每個鏡頭出靜態影格、整片算繪、依 Skill 的品質規則審查，然後輸出 MP4。
小訣竅
- 給它最重要的頁面：商品頁、關鍵操作和結果。
- 瀏覽鏡頭藝廊，指定你喜歡的鏡頭，助手會照著做。
- 用真實的頁面文案和價格，或讓助手在擷取前換成範例資料。
- 想在算繪前確認分鏡，就選共同創作。
開源
Shotcraft 由 Yihao 製作（Vincentwei1021/video-shotcraft），以 Apache-2.0 授權開源。下載的是 GitHub 上發布的 Skill，不含範本附帶的音效檔；Skill 會自己從 Freesound 取得音效。
開始前需要準備
- 你需提供
- 你的網站或 App（本機專案或線上網址）、要展示的頁面和功能，可選：你的音樂、logo，以及在藝廊裡喜歡的鏡頭。
- 依賴
- Node.js 20 或更新版本——必要 · FFmpeg——必要 · Python 3.9 或更新版本——必要 · Remotion——透過 npm 安裝；個人與三人以內團隊免費，更大的公司需要 Remotion 企業授權
- 外部費用
- 無。擷取、動畫和算繪都在你的電腦上完成，Freesound 音效免費，不需要 API 金鑰或付費服務。
- 最近測試
- v1.0.0 —
使用者評價
還沒有評價。安裝這個 Skill，成為第一個評分的人。
常見問題
網店也能用，不只是 App？
可以。它拍的是你頁面上呈現的一切：商品頁、尺寸選擇和購物袋，跟後台或設定頁一樣好拍。本頁的範例影片就是兩家網店。
每一步都要我確認嗎？
看你。選共同創作就由你確認簡報、視覺方向、鏡頭清單和分鏡；也可以讓助手獨立導演整支影片。
可以挑選效果嗎？
可以。在藝廊裡瀏覽 124 種鏡頭配方，指定你想要的，助手會依調校好的範例程式碼來做。
為什麼免費？
Shotcraft 是 Yihao 製作的開源 Skill。我們原樣上架，並附上用我們的自有商品實際執行它做出的範例影片。
