螢幕截圖動畫技能 是做什麼的？
使用六種實作模板之一製作真正可編輯的影片：
| 模板 | 效果 | 截圖數量 | 時長 |
|---|---|---|---|
spotlight | 五張卡片展開，中間截圖成為主角，然後陣列恢復 | 恰好 5 張 | 12 秒 |
kinetic | 粗體文字、分割畫面與圖形擦拭 | 恰好 5 張 | 16 秒 |
prism | 手風琴式螢幕、分層玻璃揭示與光掃 | 恰好 5 張 | 18 秒 |
orbit | 霓虹軌道畫廊、深度旋轉與最終陣列 | 恰好 5 張 | 18 秒 |
launch | 暗色編輯宣傳片，包含拼貼、功能特寫、大標題與行動呼籲 | 恰好 5 張 | 20 秒 |
storybook | 精裝書打開、插畫跨頁翻動、封面闔上 | 1–12 張 | 可配置停留時間；5 頁預設為 32 秒 |
請在安排截圖前參閱模板選擇與對應。遵循明確選擇的效果。否則，根據使用者意圖推薦/選擇最接近的匹配，保留先前的選擇；不要將所有請求預設為書籍。權威模板註冊表為 templates.json。這是一個可擴充的函式庫，而非綑綁完成的示範影片。
輸入與決策
從請求中識別正在推廣的產品、提供的截圖順序以及輸出語言。保留先前的選擇。如果產品不明確，請在撰寫宣傳文案前先釐清；否則使用合理的預設值並繼續。預設值：1920×1080、30 fps、故事書停留 4 秒、英文說明文字、無旁白。
在撰寫文案之前檢查截圖。使用真實的 UI，不要虛構控制項、客戶數量、效能聲明、價格或下載地址。說明文案是獨立可編輯的圖層；嵌入在截圖中的文字無法透過更改標題來改變。使用使用者提供或適當授權的媒體。將私人截圖與產生的作業保留在已安裝的技能目錄之外。
使用者互動
將呼叫視為製作影片的請求。僅在缺少時才要求提供截圖和產品詳細資訊；當工具可用時，自行撰寫配置並執行準備、渲染和混音。不要要求使用者手動執行 Python 指令或自行編寫 JSON 作為正常工作流程。檢查本地依賴項並報告具體的缺失需求。尊重執行權限；當您的環境無法執行某個動作時，說明使用者必須採取的任何行動。
接受自然語言的修訂請求，更新產生的專案，並渲染修訂後的結果。對於截圖或故事書時長變更，請準備新的作業以保持組合元資料的一致性。將技術指令保留在代理執行或開發者疑難排解中，除非使用者明確要求。手動使用方式請參閱開發者渲染指令。
製作影片
- 閱讀配置參考。在使用者素材旁編寫一個專案 JSON，並以
examples/中的匹配範例作為起點。撰寫簡短、具體的說明，每個截圖一個功能。選擇--template spotlight、--template launch、--template orbit、--template kinetic、--template prism或--template storybook；以下指令以故事書為例。遵守驗證過的行數限制。 - 準備一個獨立的作業：
python3 /path/to/screenshot-motion-skill/scripts/motion.py prepare --template storybook --config /path/to/project.json --out /path/to/new-jobprepare永遠不會覆寫現有作業。該作業包含自己的渲染器、複製的截圖和正規化的配置；除了輔助 CLI 之外，準備完成後它不再依賴於本技能。 - 在新作業內部使用
npm install安裝依賴項。需要 Node.js 22+ 和 Chrome/Chromium。在該作業中使用npm run studio進行互動式預覽。 - 首先為選定的模板渲染代表性的靜止幀：
檢查產生的 PNG。在完整渲染前修正文案、裁剪或版面。有用的預覽幀：spotlight 105/190/330；launch 60/150/250/355/450/550；orbit 45/170/270/380/490；kinetic 35/100/170/245/320/430；prism 70/150/240/330/470；storybook 150 以及python3 /path/to/screenshot-motion-skill/scripts/motion.py render --job /path/to/new-job --frame 150 --browser /path/to/chrome90 + holdFrames + 21作為第一次翻頁的中點。在作業時長範圍內選擇幀。 - 不帶
--frame進行渲染。這會建立out/video-silent.mp4。如果自動發現失敗，請明確提供現有的瀏覽器路徑；該腳本不會下載瀏覽器。 - 執行
motion.py mix --job /path/to/new-job以建立out/video.mp4。如果沒有音訊輸入，則會產生一個無聲的複本。對於音樂、過場音效或紙張音效，請閱讀音訊與授權。除非要求且提供合適的授權語音服務，否則不要添加旁白。 - 遵循輸出檢查，檢查渲染後的檔案而不僅是原始碼，然後回傳實際的影片和作業路徑。準確說明是否執行了旁白、聆聽或即時播放。如果渲染受阻，請報告具體的缺失依賴項；不要用靜止圖片替代並稱之為影片。
桌面編輯交付
當要求時，請遵循編輯匯出與相容性。渲染純淨模式並匯出可攜式包，包含可編輯的 SRT 字幕、獨立的音軌、原始截圖和片段剪輯。說明動畫幾何效果仍為烘焙狀態，匯入的字幕需要編輯器樣式設定。保留最終樣式的 MP4 作為參考。在聲稱支援原生草稿之前，請先驗證使用者的應用程式/版本；可選的舊版 Jianying 轉接器為實驗性質，未在目前 macOS/Windows 或 CapCut 上驗證。切勿靜默地將草稿安裝到應用程式的函式庫中。
穩定的實作細節
以下頁角翻轉注意事項適用於 storybook。對於 spotlight，請保留繪圖屏障和螢幕空間標籤。對於 launch，僅在可見 UI 支援的情況下使用正規化的 region 裁剪；永遠不要重複使用先前產品的像素座標。
- 正在翻轉的右頁，其正面為舊的截圖，背面為下一個說明。不要交叉淡化整個跨頁或鏡像反轉的文字。
- 所有幾何形狀都遵循幀編號；永遠不要引入牆鐘動畫或未設定種子的隨機性。
- Canvas2D 條狀網格避免了巢狀瀏覽器 3D 合成的問題。保留平面頁面的快速路徑、小的條狀重疊和連續的光照疊加層：每個條狀的抗鋸齒陰影會在文字上產生可見的線條。
- 攝影機距離 3000 可將翻起的頁角保持在 1080p 畫面內。在變更攝影機或頁面尺寸後，請重新檢查完整的翻轉包絡。
- 預設渲染器在不裁剪的情況下適合圖像。支援橫向截圖；不要將它們拉伸為縱向長寬比。
- 預設情況下順序渲染。增加並行度需要對捕獲的幀進行另一次視覺檢查。
套件的原始程式碼採用 MIT 授權。Remotion 和媒體有其各自的授權條款；請參閱 THIRD_PARTY_NOTICES.md。本技能不授權發布、上傳使用者素材、變更帳戶設定或全域安裝自身。
擴充函式庫
當被要求新增另一個效果時，請遵循擴充合約。新增渲染器、註冊表條目和範例，而不是取代現有模板。同時驗證新效果和相關的現有模板。