Community程式設計與開發github.com

VirtualPirate/建立產品展示影片技能

Claude Code 技能:在您自己的網頁應用程式中錄製真實用戶操作的產品展示影片,並透過 Playwright 與 ffmpeg 將真實 UI 操作過程轉錄為 mp4/gif 格式。

建立產品展示影片技能 是什麼?

此技能可直接在您的網頁應用程式上錄製產品展示影片。它透過 Playwright 自動化操作真實的使用者介面,捕捉完整的用戶操作流程,再經由 ffmpeg 將螢幕錄影輸出為 mp4 或 gif 格式。開發者無需手動錄製或編輯影片,即可快速產出高品質的產品展示內容。主要支援 Claude Code 這類 AI 代理平台,適合用於行銷、文件或快速原型展示場景。其運作方式依賴 Playwright 控制瀏覽器執行指定操作腳本,並串接 ffmpeg 處理編碼與片段組裝,因此可輕鬆與 CI/CD 流程整合。

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

Installed? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜歡的 AI 中提問

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

說明文件

建立產品展示影片技能 是做什麼的?

Claude Code 技能:在您自己的網頁應用程式中錄製真實用戶操作的產品展示影片,並透過 Playwright 與 ffmpeg 將真實 UI 操作過程轉錄為 mp4/gif 格式。

來源:https://github.com/VirtualPirate/create-product-demo-video-skill

標記為 Awesome Skills 啟動影片任務探索(2026-09-20 晚間)。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

相關技能