Communitygithub.com

ElbertePlinio/dotfiles

用於從真實桌面或網頁螢幕錄製內容,創作或編輯簡短的產品行銷展示影片,包含 Remotion 編輯、字幕、縮放或模糊效果、16:9 主影片與 4:5 手機重新構圖及縮圖,或錄製同步的指標與點擊中繼資料。

dotfiles 是什麼?

這個技能(Skill)協助開發者與 AI 代理從真實的桌面或瀏覽器螢幕錄製內容,製作高品質的產品行銷展示影片。它支援以 Remotion 專案進行後製,包含加入字幕、縮放、模糊效果,並自動產出 16:9 主影片、4:5 手機版重新構圖以及一張縮圖。技能核心在於只呈現實際發生的螢幕操作,不得偽造事件或產品回應,同時會記錄滑鼠指標位置與點擊時間戳記,確保所有編輯效果與實際操作同步。此技能適用於 Claude Code、Cursor、Codex 等支援工具調用的 AI 代理平台,並依賴本機安裝的 gpu-screen-recorder、ffmpeg、Bun 等工具。工作流程包含先錄製 5 秒驗證片段,確認時間軸與座標轉換正確後,再進行完整錄製與 Remotion 編輯,最後產出所有成品並透過 ffprobe 驗證格式、幀率與時長,確保實際播放無誤。

相容平台~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/ElbertePlinio/dotfiles/tree/HEAD/dot_agents/skills/product-demo-video

在你喜歡的 AI 中提問

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

說明文件

影片僅顯示螢幕上實際發生的內容。可重複的自動化操作可在擷取期間操作真實介面;記錄其實際的指標位置與點擊時間戳。在保留真實點擊與懸停時機的同時,對測量到的指標樣本進行內插或平滑處理。絕不偽造事件或產品回應,絕不記錄鍵盤輸入,也絕不呈現產品未曾產生的結果。以平移方式播放的螢幕截圖幻燈片並非螢幕錄影。如果僅能使用靜態圖片,請回報此限制,而非將其當作影片素材呈現。

互動式擷取與電腦操作步驟遵循既定的模型、工作量與工具存取政策。在執行前確認實際的控制機制:原生桌面擷取可使用 shell 工具,瀏覽器控制可使用明確可用的 Playwright 安裝(即使未繼承 MCP 工具)。僅有 Shell 存取權限並不代表瀏覽器控制可用。絕不聲稱工作節點擁有其不具備的工具。

在規劃前先探索已安裝的工具,且未經授權不得全域安裝相依套件。此機器上已驗證的工具包括:gpu-screen-recorder、ffmpeg、ffprobe、Bun、Chromium、grim、hyprctl 和 wtype。新的 Remotion 專案使用 Bun,Remotion 相依套件安裝在專案本地。

錄製內容不得包含私人帳戶、終端機或通知。在錄製前先建立合成的示範狀態。不要關閉使用者自己的應用程式;僅安排您被授權安排的內容,並在事後還原先前的狀態。追蹤您啟動的錄製程式的行程 ID,並僅停止那些行程,絕不依廣泛的程序名稱來停止。不會上傳或發佈任何內容;輸出檔案保留在本機,供使用者自行提交。

規劃好鏡頭、建立隱私安全的狀態,然後錄製五秒的驗證片段,並在進行完整擷取前檢查它。完整擷取會錄製真實互動,但游標會從影片中排除,並將指標與點擊事件儲存為同步的中繼資料。編輯作業在以該中繼資料驅動的 Remotion 專案中進行,並加入縮放、模糊與字幕。請參閱擷取參考資料以了解錄製器指令、時間對齊、座標轉換與隱私設定;參閱 Remotion 參考資料以了解專案設定、編輯與渲染。

影片畫格與指標事件必須共享同一個時間原點,且事件座標必須轉換為錄製區域的像素空間。在提交完整拍攝前,於驗證片段中同時確認這兩點。

產出 16:9 主影片、4:5 手機重新構圖、縮圖、Remotion 原始專案,以及將它們與擷取內容關聯的中繼資料清單。使用 ffprobe 驗證每個輸出檔案的編碼格式、影格率與時長,檢查擷取的畫格,並確認實際播放。通過渲染或測試並非視覺證明;請檢視實際輸出。

當驗證片段與完整擷取以真實影片素材形式存在,且中繼資料已對齊;所有輸出成品皆已存在並經過檢查;編碼格式、影格率與時長符合計劃;已確認可播放;桌面狀態已還原;且中繼資料清單記錄了指令、時間原點、座標轉換與檔案路徑時,此項工作即告完成。如果缺少必要工具或擷取失敗,請報告確切的阻礙原因;絕不偽造或替代影片素材。

相關技能