dashboard-walkthrough 是做什麼的？
Claude Code 技能：錄製一段含旁白的 1080p 網頁儀表板導覽影片（使用 Playwright + 神經 TTS + ffmpeg）
Claude Code 技能：錄製一段含旁白的 1080p 網頁儀表板導覽影片（使用 Playwright + 神經 TTS + ffmpeg）
這個技能由 HusainZSabir53 開發，讓 Claude Code 能夠自動錄製正在執行的網頁儀表板的導覽影片，並加上旁白。它結合了 Playwright 進行瀏覽器操作與畫面擷取、神經 TTS（文字轉語音）引擎生成自然語音旁白，以及 ffmpeg 進行影片合成與編碼，最終輸出解析度為 1080p 的高品質影片。此技能對於需要快速展示網頁應用功能、進行使用者測試記錄或製作教學內容的開發者與產品團隊特別有用。支援的平台包括任何可使用 Playwright 自動化的現代網頁儀表板，且可與 Claude Code 的指令工作流程整合，大幅簡化影片製作的技術門檻。運作方式是先透過 Playwright 腳本控制瀏覽器，逐步擷取儀表板頁面的截圖或操作錄影，同時由語音合成引擎根據預先編寫的劇本產生旁白音軌，最後由 ffmpeg 將畫面與音訊合併為最終影片檔案。
npx skills add HusainZSabir53/dashboard-walkthroughClaude Code 技能：錄製一段含旁白的 1080p 網頁儀表板導覽影片（使用 Playwright + 神經 TTS + ffmpeg）
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.