programatic-demo 是做什麼的?
從程式碼生成產品示範影片。Playwright 記錄真實流程;Remotion 添加 Screen Studio 風格的相機效果——點擊縮放、緩動動畫、動態模糊和向量游標。
從程式碼生成產品示範影片。Playwright 記錄真實流程;Remotion 添加 Screen Studio 風格的相機效果——點擊縮放、緩動動畫、動態模糊和向量游標。
此技能「programatic-demo」利用 Playwright 和 Remotion 兩大工具,將程式碼執行流程自動轉換為高品質的產品示範影片。開發者只需編寫或執行現有的 Playwright 測試腳本,即可記錄使用者與介面的互動過程,例如點擊、輸入等操作。隨後,Remotion 會為影片添加專業級的後製效果,包括 Screen Studio 風格的相機縮放(在每次點擊時自動放大)、緩動動畫(使移動更自然)、動態模糊(提升視覺流暢度)以及向量游標(取代真實鼠標,外觀更清晰)。這個技能特別適合需要快速製作產品展示、教學影片或功能預覽的團隊,支援 Playwright 測試框架和 Remotion 影片渲染平台。透過此技能,開發者能節省手動錄製與編輯影片的時間,直接從程式碼產生一致且專業的示範內容。
npx skills add ashrafchowdury/programatic-demo從程式碼生成產品示範影片。Playwright 記錄真實流程;Remotion 添加 Screen Studio 風格的相機效果——點擊縮放、緩動動畫、動態模糊和向量游標。
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.
Obra superpowers agent skills.
See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...
End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.