Communitygithub.com

屏幕录制捕捉

为教程或产品演示捕捉干净的原始屏幕和摄像头画面——选择录制工具(macOS 截图工具栏、QuickTime、OBS、Windows Game Bar)、设置分辨率/帧率/光标/麦克风、准备无干扰的录制环境,并以可重录的片段进行录制。当用户提到“录制”时使用。

屏幕录制捕捉 是什么?

此技能专为需要录制高质量原始屏幕画面的场景设计,强调“捕捉”环节的重要性:模糊、卡顿或带有通知弹窗的录制无法通过后期编辑修复,因此必须从源头确保画面干净。它支持 macOS 和 Windows 两大平台,提供多种录制工具选项(包括系统内置的 QuickTime、截图工具栏、Game Bar,以及跨平台的 OBS Studio 或付费工具 Screen Studio),用户可根据需要快速录制或配置多源视频/音频。技能指导用户设置关键参数(分辨率、帧率、光标可视化、音频分离轨道),并详细说明录制前的桌面清理、应用关闭、数据脱敏等准备步骤。它还推荐以“按故事板分片录制”的工作流,每条片段可独立重录,避免一次性长录制的高风险。最终,干净的视频片段可传递给编辑/Remotion 管线、旁白脚本和字幕生成模块,本技能在成功产出原始素材后结束。此技能不处理演示导演、编辑、字幕生成等工作,无相关内容时仅建议用户提问。

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

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

屏幕录制捕捉(Screencast Capture)

捕捉是后期无法修复的环节。模糊、卡顿、充满通知弹窗的录制会让所有后期编辑的努力付诸东流。确保原始画面干净,后续所有工作都会变得轻松。

何时使用

当用户需要录制屏幕内容时——即实际的捕捉过程,而非准备或编辑阶段。包括选择录制工具、调整设置、准备机器以及实际录制。如果用户已有素材,问题涉及光标移动、缩放、剪切或旁白,请转交给技能描述中提到的其他技能。

根据需要选择录制工具

  • 快速、单屏幕、无叠加图层 → macOS:Cmd+Shift+5(截图工具栏)或 QuickTime“新建屏幕录制”。Windows:Win+G(Game Bar)或截图工具的视频模式。零配置,适合短视频片段。
  • 需要摄像头小窗、多来源、场景切换,或系统音和麦克风分轨录制 → OBS Studio(免费,跨平台)。只要需要说话人小窗或多个来源,就值得花时间配置。
  • 需要自动缩放和光标平滑效果的精美产品演示 → 专用工具(macOS 上的 Screen Studio 或同类软件)。仅在用户已拥有时推荐;不要硬性要求付费工具。

明确说明权衡:OBS 以多花十分钟配置换取强大的控制能力;系统内置录制工具以牺牲叠加图层和音轨分离为代价换取速度。

重要的录制设置

  • 分辨率:以最终输出分辨率或更高分辨率录制,切勿降低。教程的最低标准是 1080p(1920×1080);如果需要后期放大画面细节,则使用 1440p/4K。
  • 帧率:如果涉及光标移动、滚动或动画,请使用 60 fps——画面流畅度会显著提升。主要呈现静态对话的片段 30 fps 即可接受。选择一个帧率并在所有片段中保持一致。
  • 光标:如果工具支持,启用点击可视化/高亮。移动要刻意且缓慢;光标是观众的视线焦点。在光标非主体的片段中完全隐藏它。
  • 麦克风:将麦克风录制的音轨与系统音频分离(OBS 原生支持),以便后期平衡音量。先做 10 秒电平检查——目标峰值在 −12 到 −6 dB 之间,切勿削波。录制 3-5 秒无声环境音供剪辑师使用。
  • 比特率:使用工具默认值,除非画面出现压缩痕迹;如有,则调高比特率。宁可现在生成轻度压缩的大文件,也不要日后面对满是伪影的小文件。

录制前准备录制环境

这是大多数业余屏幕录制失败的原因。在第一次录制前:

  • 打开勿扰模式 / 专注模式,确保录制过程中没有任何通知横幅出现。
  • 清理桌面:使用中性壁纸,移除个人文件,隐藏杂乱的 dock 图标。
  • 关闭所有无关的标签页和应用。退出聊天应用、邮件、日历弹窗。
  • 使用演示账户并预先填充虚拟数据——绝不能在屏幕上显示真实客户的 PII、真实邮箱或真实姓名。清除所有敏感内容。
  • 调整应用的缩放,使文字在最终输出尺寸下清晰可见,而不只是在你大屏显示器上看起来合适。浏览器中,缩放至约 125-150% 并隐藏书签栏;考虑使用全新、空的浏览器配置文件。
  • 将录制窗口匹配到目标宽高比(教程通常使用 16:9),避免后期裁剪。

按可重录的片段进行录制

不要试图一次性录制十分钟的完美视频。按照每个故事板一个片段来录制:

  • 无声排练一次动作,确保操作正确。
  • 开始录制,停顿片刻,然后执行——在片段开头和结尾各留一秒静音作为剪辑手柄。
  • 如果出现失误,暂停,深呼吸,然后仅重新录制该片段。重做一个片段成本低,重做整个视频成本高。
  • 保持片段之间的节奏一致,以便后期剪辑流畅拼接。

交接

原始视频片段交给编辑器 / Remotion 管线进行合成,交给旁白脚本用于覆盖语音,交给字幕转录模块(音频锁定后)。本技能的任务在产出干净的原始素材后结束。

禁止事项

  • 不要为了“节省空间”而以低于最终输出的分辨率录制——你永远无法找回丢失的细节。
  • 不要将通知、真实数据或杂乱的桌面留在屏幕上;一个 Slack 横幅就可能毁掉整个片段。
  • 不要在此技能中指导演示(例如在哪里缩放、如何强调光标移动)——那是 product-demo-director 的职责。
  • 不要试图在编辑中修复晃动光标或错误缩放;直接重新录制。

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

相关技能