Communitygithub.com

ashrafchowdury/programatic-demo

從程式碼生成產品示範影片。Playwright 記錄真實流程;Remotion 添加 Screen Studio 風格的相機效果——點擊縮放、緩動動畫、動態模糊和向量游標。

programatic-demo 是什麼?

此技能「programatic-demo」利用 Playwright 和 Remotion 兩大工具,將程式碼執行流程自動轉換為高品質的產品示範影片。開發者只需編寫或執行現有的 Playwright 測試腳本,即可記錄使用者與介面的互動過程,例如點擊、輸入等操作。隨後,Remotion 會為影片添加專業級的後製效果,包括 Screen Studio 風格的相機縮放(在每次點擊時自動放大)、緩動動畫(使移動更自然)、動態模糊(提升視覺流暢度)以及向量游標(取代真實鼠標,外觀更清晰)。這個技能特別適合需要快速製作產品展示、教學影片或功能預覽的團隊,支援 Playwright 測試框架和 Remotion 影片渲染平台。透過此技能,開發者能節省手動錄製與編輯影片的時間,直接從程式碼產生一致且專業的示範內容。

相容平台~Claude Code~Codex CLI✓Cursor
npx skills add ashrafchowdury/programatic-demo

在你喜歡的 AI 中提問

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

說明文件

programatic-demo 是做什麼的?

從程式碼生成產品示範影片。Playwright 記錄真實流程;Remotion 添加 Screen Studio 風格的相機效果——點擊縮放、緩動動畫、動態模糊和向量游標。

相關技能