把網站變成電影感宣傳片

這是什麼

一個裝在 Claude Code 裡的 skill，專門把網站、App 做成產品宣傳片。它會打開你的網站截真實畫面，再從 157 種「鏡頭配方」裡挑適合的，例如卡片像發牌一樣飛進頁面、資料一列一列嵌進去、最後所有東西圍住 logo 合照，配上音效後輸出成 mp4。

每種鏡頭都有作者調好的參數，像是「卡片飛 8 格、落地要彈一下」。它規定 AI 一定要照原本的參數做，不能憑感覺自己寫，所以質感比叫 AI 從零做穩定很多。

誰需要

• 有網站、商品頁或 App，想做一支短片放 Reels、限時動態的老闆
• 不想學剪輯軟體，但想要有質感的宣傳片的人

要不要錢

skill 免費開源。渲染影片用的是 Remotion：個人和 3 人以下的公司免費商用，4 人以上的公司要買授權。它附的音效大多是 Mixkit 的免費授權，可以商用、不用標出處；但它自己的清單裡有 5 個音效查不到原始出處，要商用就別用那 5 個。

怎麼開始

1. 把下面這段貼給 Claude Code：

請幫我安裝 video-shotcraft（https://github.com/Vincentwei1021/video-shotcraft）
和 Remotion 官方 skill（https://github.com/remotion-dev/skills）到全域 skills。
安裝前先讀過內容，跟我說會不會自動執行程式、音效有沒有授權問題。

2. 跟它說：「用 video-shotcraft 把我的網站（貼網址）做成 20 秒直式宣傳片，給 IG Reels 用」。
3. 它會問你要哪一種做法：套用現成模板、讓 AI 自己做完、或每一步都跟你確認。現成模板是橫式 36 秒，要直式短片就選「讓 AI 自己做完」。

我實際怎麼用

我用這個網站的首頁做了一支 20 秒的直式片：開頭一句「想用 AI，卻不知道從哪開始？」，接著 logo 出場，二十多張食譜卡像發牌一樣一張張飛進列表，再點進一篇食譜，費用、步驟、我的實測一列一列嵌進去，最後所有卡片圍住 logo，停在網址。

它的鏡頭原本都是給橫式三欄網頁設計的，我的網站手機版只有一欄，它就自己改成「牌堆跟著鏡頭往下走」，不然一張卡要飛過整個畫面。

最有用的是最後那一關：它規定一定要另外派一個沒參與製作的 AI 來審片。這次審片抓出 3 個必須修的問題：

• 畫面上露出了我的查證日期
• 字幕寫「26 張」，但鏡頭停住時最大的兩張卡是還沒寫完的
• 片頭的音效比動作晚了 0.3 秒

還抓到字幕太寬，會被 IG 右邊的按讚、留言按鈕蓋住。全部修完才交片。整支片都在我自己的電腦上渲染，20 秒的片大約 30 秒就算完，沒花任何錢。

小提醒

• 截圖用自己電腦開的網站，不要一直抓正式網站。 網站放在免費主機的話，截圖也會吃流量額度。
• 商用前避開 5 個查不到出處的音效：keyboard、pop、riser-cine、sparkle、whoosh-big，還有背景音樂 bgm-tech-house。
• 中文字要先抓字型。 叫它把片中每一個字列出來、抓那幾個字的字型，缺字不會報錯，只會變成方塊。
• 直式片要躲開 IG 的介面。 畫面最下面約 20%、右側那排按鈕的位置不要放字。
• 動作要大到看得出來。 它的鏡頭參數是照橫式全景調的，直式放大之後，預備動作的幅度要用「螢幕上移動幾個像素」重算，不然會小到看不見。