Communitygithub.com

螢幕錄製捕捉

為教學或產品示範捕捉乾淨的原始螢幕與攝影機畫面,包含選擇錄製工具(macOS 截圖工具列、QuickTime、OBS、Windows Game Bar)、設定解析度/影格率/游標/麥克風、準備無干擾的舞台,以及分段可重錄的錄製。

螢幕錄製捕捉 是什麼?

這項技能專注於螢幕錄製捕捉階段,確保原始素材乾淨、高品質,避免後製無法修復的模糊、延遲或通知干擾。它支援 macOS(截圖工具列、QuickTime)、Windows(Game Bar、Snipping Tool)及跨平台 OBS Studio 等工具,並根據需求提供最佳選擇:內建工具適合快速擷取,OBS 則提供多來源、多音軌控制。技能涵蓋關鍵設定(如解析度至少 1080p、60 fps 流暢游標動畫、獨立麥克風音軌),以及錄製前準備(開啟勿擾模式、清理桌面、使用假資料)。最後建議將錄製拆成可重來的小段落,降低重拍成本,並在完成後將素材交付給編輯、旁白或字幕流程。

相容平台~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/SkillMedev/tutorial-video-studio/tree/main/skills/screencast-capture

在你喜歡的 AI 中提問

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

說明文件

螢幕錄製捕捉 是做什麼的?

捕捉是你無法在後製中修復的階段。模糊、延遲、充滿通知的錄製會迫使你重拍,再多的剪輯也無法挽救。讓原始素材乾淨,之後的所有步驟都會更輕鬆。

使用時機

當使用者需要在螢幕上錄製某個東西時使用這項技能——這是關於捕捉的動作,而非佈置或剪輯。這包括選擇錄製工具、調整設定、準備電腦,以及執行實際拍攝。如果素材已經存在,而問題是關於游標移動、縮放、剪輯或旁白,則將任務交給描述中所列的其他技能。

依需求選擇錄製工具

  • 快速、單螢幕、無疊加的錄製 → macOS:Cmd+Shift+5(截圖工具列)或 QuickTime「新增螢幕錄製」。Windows:Win+G(Game Bar)或 Snipping Tool 的影片模式。零設定,適合短片段。
  • 網頁攝影機氣泡、多個來源、場景切換,或系統音效與麥克風分開音軌 → OBS Studio(免費、跨平台)。只要需要說話頭疊加或多個來源,就值得花時間設定。
  • 精緻的產品示範,帶有自動縮放與游標平滑化 → 專用工具(macOS 上的 Screen Studio 或類似工具)。僅在使用者已擁有該工具時才推薦;不要將付費工具設為必要條件。

清楚地說明取捨:OBS 換來控制權,但需要花 10 分鐘設定;內建錄製換來速度,但缺乏疊加與音軌分離。

重要的錄製設定

  • 解析度:以最終輸出解析度或更高解析度錄製,絕對不要更低。教學影片至少 1080p(1920×1080);如果最終輸出是 1080p 且你希望保留放大空間,則使用 1440p/4K。
  • 影格率:當有游標移動、滾動或動畫時使用 60 fps——看起來會流暢非常多。30 fps 適用於大部分靜態的說話頭片段。選擇一個影格率並在每個段落保持一致。
  • 游標:如果工具支援,啟用點擊視覺化/高亮。緩慢且有意識地移動;游標是觀眾的眼睛。在游標不是重點的段落隱藏它。
  • 麥克風:將麥克風錄製在與系統音效不同的音軌(OBS 原生支援),以便之後平衡音量。先進行 10 秒的電平檢查——目標峰值約 −12 到 −6 dB,絕不能使其爆音。錄製 3-5 秒無說話的環境音,供剪輯師使用。
  • 位元率:除非素材看起來有壓縮痕跡,否則使用工具預設值;如果需要,再調高。寧可現在要一個輕度壓縮的大檔案,也不要一個充滿壓縮瑕疵的小檔案。

在按下錄製前準備舞台

這是大多數業餘螢幕錄製失誤的地方。在第一次錄製前:

  • 開啟勿擾模式/專注模式,確保沒有通知橫幅在錄製中出現。
  • 清理桌面:使用中性桌布,移除個人檔案,隱藏雜亂的 Dock。
  • 關閉所有不相關的分頁與應用程式。退出聊天軟體、郵件、日曆彈出視窗。
  • 使用一個填充假資料的示範帳號——絕不要在螢幕上顯示真實客戶的 PII、真實電子郵件或真實姓名。清除任何敏感資訊。
  • 調整應用程式縮放,讓文字在最終輸出大小下清晰可讀,而不只是在你大螢幕上。在瀏覽器中,縮放到約 125-150%,並隱藏書籤列;考慮使用一個全新的、空的瀏覽器設定檔。
  • 將錄製視窗對齊你的目標顯示比例(教學影片通常為 16:9),這樣之後就不需要裁切。

分段可重來的錄製

不要試圖一次完成十分鐘的錄製。根據每個故事板段落錄製一個片段:

  • 先默默排練一次段落,確保動作正確。
  • 開始錄製,暫停一下,然後開始執行——在頭尾各留一秒的靜默作為剪輯手柄。
  • 如果失誤,停下來,深呼吸,然後只重錄那個段落。重做一個段落很便宜,重做整支影片很昂貴。
  • 在段落之間保持一致的節奏,以便它們能順利剪接在一起。

交接

原始片段交給剪輯師/Remotion 工作流程進行組合,交給旁白腳本撰寫疊加在影片上的口白,以及交給從音訊鎖定後產生的字幕。本技能的工作在乾淨素材存在時結束。

不要做的事

  • 不要為了「節省空間」而以低於最終輸出的解析度錄製——你永遠無法恢復細節。
  • 不要讓通知、真實資料或雜亂的桌面出現在螢幕上;一個 Slack 橫幅就能讓整個錄製無效。
  • 不要在此處指導示範(例如在哪裡縮放、如何移動游標以強調重點)——那是產品示範導演的範圍。
  • 不要試圖在剪輯中修正不穩的游標動作或錯誤的縮放;請重新錄製。

Individual skills in this repo

This repo contains 11 individual skills — each has its own dedicated page.

Captions From Transcript

Produce an accurate, properly timed caption track (SRT or WebVTT) from a video

Kinetic Typography

Put text in motion the right way - title cards, animated captions, lower-thirds, callouts, and word-by-word reveals - with a reading-time-per-word budget so copy holds long enough to read, plus enter/exit timing, weight and size transitions, and type hierarchy in motion. Use when someone asks to

Motion Design Principles

The craft layer for motion: pick the right easing (ease-in / ease-out / ease-in-out / spring), get timing and spacing right, build the anticipation→action→follow-through arc, and apply Disney

Narration Script

Write the spoken voiceover for a tutorial or demo - the actual words, phrased for the ear and synced one-instruction-per-action to what is on screen, with a pacing budget and a confident, jargon-checked tone. Use when someone says

Product Demo Director

Direct the craft of putting a real software UI on screen - cursor choreography, zoom/pan/callout language, screen-recording vs recreated-UI, and making state changes legible with highlights, focus pulls, and slow-downs. Use when filming or recreating an app for a product demo, feature walkthrough, onboarding clip, or release reel and asking

Remotion Compose

Turns a natural-language video brief into a complete, ready-to-preview Remotion composition - extracts duration, scenes, brand colors, aspect ratio, and real copy; plans the frame budget; and writes data-driven React/TypeScript using useCurrentFrame, interpolate, spring, AbsoluteFill, and Sequence, registered in Root.tsx. Use when someone says

Remotion Render

Renders a Remotion composition to MP4 and runs the edit-and-re-render loop - CLI render commands, 1080p/4K/9:16 presets, concurrency tuning, codec selection, batch variants from a JSON data file, and Lambda for cloud rendering. Use when someone says

Remotion Setup

Scaffolds a new Remotion video project wired for Claude Code Agent Skills - Node check, create-video scaffold, skills install, folder conventions, Google Fonts, and a smoke-test render. Use whenever someone wants to start making videos with Remotion and Claude, even just

SkillMedev/tutorial-video-studio

Plan a product demo, feature announcement, or launch video as a beat sheet and shot list BEFORE animating - hook in the first 3s, problem, reveal, proof, CTA - with target duration and pacing per scene type, output as a JSON scene plan that remotion-compose consumes directly. Use when someone says

Social Video Formatter

Reframe and export a finished video for social platforms - 9:16 ↔ 16:9 cropping, burned-in captions, a platform-native first frame, loop design, and per-platform specs (aspect, length, safe areas) for TikTok, Reels, Shorts, X, and LinkedIn. Use when someone says

Sound and Music Sync

Score a video like an editor: beat-match cuts to the music, land SFX on transitions, pace the voiceover so it breathes, source royalty-free tracks safely, and duck the music so the VO sits clearly on top. Use when adding music, sound effects, or voiceover to a video, when asked to

相關技能