Community程式設計與開發github.com

pedroantunes-84/skill-product-demo-video

Claude Code 技能:使用 Playwright 執行流程、Remotion 組合攝影機、游標與字型,產出 MP4 與 GIF 格式的產品展示影片。

skill-product-demo-video 是什麼?

此技能讓開發者能夠在 Claude Code 中自動化製作產品展示影片,輸出為 MP4 或 GIF 格式。它利用 Playwright 來記錄並執行使用者操作流程(例如點擊與輸入),並運用 Remotion(以 React 為基礎的影片框架)來組合視覺元素,包括模擬攝影機運鏡、自訂游標與動態字型。支援 macOS、Linux 與 Windows 平台,可與任何基於 Playwright 的瀏覽器測試環境搭配使用。透過在終端機中執行「claude video-demo」指令,專案會自動解析使用者行為、產生影片腳本,並交付可直接用於行銷或開發文件的高品質影片。

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

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

在你喜歡的 AI 中提問

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

說明文件

skill-product-demo-video 是做什麼的?

Claude Code 技能:使用 Playwright 執行流程、Remotion 組合攝影機、游標與字型,產出 MP4 與 GIF 格式的產品展示影片。

來源:https://github.com/pedroantunes-84/skill-product-demo-video

用於 Awesome Skills Launch Video 任務探索(2026-09-20 晚間)。

Individual skills in this repo

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

相關技能