Communitygithub.com

스크린캐스트 캡처

튜토리얼이나 제품 데모를 위해 깨끗한 원본 화면 및 카메라 영상을 캡처합니다. 레코더 선택(macOS 스크린샷 도구 모음, QuickTime, OBS, Windows Game Bar), 해상도/프레임 속도/커서/마이크 설정, 방해 요소 없는 스테이지 준비, 재촬영 가능한 세그먼트로 녹화를 수행합니다.

스크린캐스트 캡처란 무엇인가요?

Screencast Capture 스킬은 튜토리얼이나 제품 데모를 위한 고품질의 원본 화면 및 카메라 영상을 캡처하는 전문 가이드입니다. 이 스킬의 핵심 목표는 편집으로는 절대 복구할 수 없는 '캡처 단계'를 완벽하게 수행하여, 이후 편집 작업을 훨씬 수월하게 만드는 것입니다. macOS(스크린샷 도구 모음, QuickTime), Windows(Game Bar) 및 OBS Studio(크로스 플랫폼) 등 다양한 레코더를 지원하며, 사용자의 요구 사항(짧은 클립, 웹캠 오버레이, 다중 소스)에 따라 최적의 레코더를 추천합니다. 또한 해상도(1080p 이상 권장), 프레임 속도(60fps 권장), 별도 트랙 마이크 녹음, 커서 시각화 등 실제로 중요한 캡처 설정을 상세히 안내하고, 녹화 전 방해 금지 모드 활성화, 바탕화면 정리, 데모 계정 사용 등 사전 준비 단계를 강조합니다. 마지막으로 긴 영상을 한 번에 녹화하지 않고, 재촬영이 용이한 작은 세그먼트로 나누어 녹화하는 모범 사례를 제시합니다. 이 스킬은 원본 영상이 확보된 후에는 편집, 내레이션, 자막 생성 등 다른 작업으로 넘어갑니다.

지원 대상~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/SkillMedev/tutorial-video-studio/tree/main/skills/screencast-capture

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

스크린캐스트 캡처은(는) 무엇을 하나요?

캡처는 후반 작업(post)에서 절대 수정할 수 없는 단계입니다. 흐릿하고, 끊기고, 알림이 가득한 녹화는 아무리 편집해도 되살릴 수 없어 다시 촬영해야 합니다. 원본 영상을 깨끗하게 확보하면 이후 모든 작업이 쉬워집니다.

사용 시기

사용자가 화면에 있는 무언가를 녹화해야 할 때 사용하세요. 이는 캡처 자체(화면 구성이나 편집이 아닌)에 해당합니다. 레코더 선택, 설정 조정, 시스템 준비, 실제 촬영 진행이 포함됩니다. 이미 영상이 있고 커서 이동, 확대/축소, 컷, 나레이션에 대한 질문이라면 설명에 언급된 다른 스킬로 넘기세요.

필요에 따라 레코더 선택

  • 빠르고, 단일 화면, 오버레이 없음 → macOS: Cmd+Shift+5(스크린샷 도구 모음) 또는 QuickTime "새 화면 기록". Windows: Win+G(Game Bar) 또는 캡처 도구 비디오 모드. 설정이 전혀 필요 없으며 짧은 클립에 적합합니다.
  • 웹캠 PIP, 여러 소스, 장면 전환, 시스템 및 마이크 별도 트랙 → OBS Studio(무료, 크로스 플랫폼). 토킹 헤드 오버레이나 여러 소스가 필요할 때 설정할 가치가 있습니다.
  • 정교한 제품 워크스루(자동 줌 및 커서 부드럽게) → 전용 도구(macOS의 Screen Studio 등). 사용자가 이미 가지고 있는 경우에만 사용하세요. 유료 도구를 필수로 만들지 마세요.

장단점을 명확히 언급하세요: OBS는 제어력을 제공하지만 10분 정도의 설정 시간이 필요하고, 내장 레코더는 속도가 빠르지만 오버레이와 트랙 분리가 어렵습니다.

중요한 캡처 설정

  • 해상도: 최종 출력 해상도 이상으로 캡처하고, 절대 낮추지 마십시오. 튜토리얼의 최소 기준은 1080p(1920×1080)입니다. 최종이 1080p일 때 확대 여유를 원한다면 1440p/4K로 캡처하세요.
  • 프레임 속도: 커서 움직임, 스크롤, 애니메이션이 있을 때는 60fps를 사용하세요. 훨씬 부드럽게 보입니다. 거의 정적인 토킹 헤드 세그먼트에는 30fps도 괜찮습니다. 하나를 선택하고 모든 테이크에서 일관되게 유지하세요.
  • 커서: 도구에서 지원한다면 클릭 시각화/강조를 활성화하세요. 의도적으로 천천히 움직이세요. 커서는 시청자의 눈입니다. 커서가 주제가 아닌 세그먼트에서는 완전히 숨기세요.
  • 마이크: 시스템 오디오와 별도 트랙으로 마이크를 녹음하세요(OBS에서 기본 지원). 나중에 균형을 맞출 수 있습니다. 먼저 10초 레벨 체크를 하세요. 피크를 약 -12 ~ -6 dB로 맞추고 클리핑이 발생하지 않도록 하십시오. 편집자를 위해 말하지 않고 3-5초의 방음(room tone)을 녹음하세요.
  • 비트레이트: 화면이 압축되어 보이지 않으면 도구 기본값을 사용하고, 필요하면 높이세요. 작은 아티팩트가 있는 파일보다는 지금 약간 압축된 큰 파일이 낫습니다.

녹화 버튼을 누르기 전에 스테이지를 준비하세요

이 단계에서 대부분의 아마추어 스크린캐스트가 망가집니다. 첫 번째 테이크 전에:

  • 방해 금지 모드 / 집중 모드를 켜서 녹화 중에 알림 배너가 절대 나타나지 않도록 하세요.
  • 바탕화면을 정리하세요: 중립적인 배경화면, 개인 파일 없음, 독의 불필요한 항목 숨기기.
  • 관련 없는 모든 탭과 앱을 닫으세요. 채팅 앱, 메일, 캘린더 팝업을 종료하세요.
  • 가짜 데이터가 포함된 데모 계정을 사용하세요. 실제 고객 PII, 실제 이메일, 실제 이름이 화면에 절대 나타나지 않도록 하십시오. 민감한 정보는 모두 지우세요.
  • 앱의 확대/축소를 설정하여 텍스트가 큰 모니터에서뿐만 아니라 최종 전달 크기에서도 읽을 수 있도록 하세요. 브라우저에서는 약 125-150%로 확대하고 북마크바를 숨기세요. 새롭고 빈 브라우저 프로필을 사용하는 것도 고려하세요.
  • 캡처 창을 목표 종횡비(보통 튜토리얼의 경우 16:9)에 맞추세요. 나중에 자르지 않아도 됩니다.

재촬영 가능한 세그먼트로 녹화하세요

한 번에 10분짜리 테이크를 완벽하게 하려고 하지 마세요. 스토리보드 비트(beat) 하나당 하나의 클립으로 녹화하세요:

  • 비트를 한 번 조용히 연습하여 동작을 익히세요.
  • 녹화를 시작하고, 잠시 멈춘 다음, 수행하세요. 편집 핸들(handle)로 사용할 수 있도록 처음과 끝에 1초 정도의 침묵을 남기세요.
  • 실수하면 멈추고, 숨을 고르고, 해당 세그먼트만 다시 녹화하세요. 하나의 비트를 다시 하는 것은 저렴하지만, 전체 비디오를 다시 하는 것은 비쌉니다.
  • 비트 간에 일관된 속도를 유지하여 깔끔하게 이어지도록 하세요.

인계

원본 클립은 편집기/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

관련 스킬