Communitygithub.com

surajshetty3416/demo-video-skill

Claude Code 技能:透過 Playwright + Pillow + ffmpeg 為任何網頁應用程式製作 polished 60fps ScreenStudio 風格示範影片(無需螢幕錄影軟體)

demo-video-skill 是什麼?

此技能專為 Claude Code 設計,讓 AI 代理能自動為網頁應用程式生成高品質的示範影片。它無需外部螢幕錄影軟體,而是結合 Playwright(用於無頭瀏覽器自動化擷取畫面)、Pillow(用於影像處理與合成)以及 ffmpeg(用於影片編碼)來產生流暢的 60fps 影片,風格類似 ScreenStudio 的專業示範。對於開發者、產品經理或需要在文件、簡報或社交媒體中展示 Web 應用程式功能的任何人來說,這項技能極具價值,因為它能快速產出專業外觀的影片。使用者可以透過 Claude Code 的自然語言指令觸發此技能,指定目標 URL 或互動流程,其運作原理是自動執行 Playwright 指令碼來擷取一系列螢幕截圖,Pillow 負責處理這些影像(例如添加遊標或標註),最後 ffmpeg 將其組合成帶有可選視覺效果的 MP4 影片。它支援任何標準的現代網頁應用程式,無需手動安裝額外的螢幕錄影工具。

相容平台✓Claude Code~Codex CLI~Cursor
npx skills add surajshetty3416/demo-video-skill

在你喜歡的 AI 中提問

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

說明文件

demo-video-skill 是做什麼的?

Claude Code 技能:透過 Playwright + Pillow + ffmpeg 為任何網頁應用程式製作 polished 60fps ScreenStudio 風格示範影片(無需螢幕錄影軟體)

相關技能