Communitygithub.com

ElbertePlinio/dotfiles

실제 데스크톱 또는 웹 화면 녹화를 바탕으로 짧은 제품 마케팅 데모 동영상을 제작하거나 편집할 때 사용합니다. Remotion 편집, 자막, 확대/축소 또는 흐림 효과, 16:9 마스터 영상과 4:5 모바일 리프레임 및 썸네일, 녹화와 동기화된 포인터 및 클릭 메타데이터 기록 등을 포함합니다. 트리거 예: '이 기능의 데모 동영상 만들어 줘', '이 화면 녹화를 마케팅 클립으로 바꿔 줘', '제품 데모 녹화', '소셜 미디어용으로 데모 리프레임' 등이 있습니다.

dotfiles란 무엇인가요?

이 스킬은 실제 데스크톱 또는 웹 화면 녹화를 기반으로 전문적인 제품 마케팅 데모 동영상을 제작하는 자동화 워크플로우를 제공합니다. 사용자는 CLI 명령어나 특정 트리거(예: '이 기능의 데모 동영상 만들어 줘', '화면 녹화를 마케팅 클립으로 변환')를 통해 녹화, 편집, 출력까지 전 과정을 AI 에이전트(Claude Code, Cursor, Codex, Windsurf 등)에 위임할 수 있습니다. 이 스킬은 GPU 가속 화면 녹화(gpu-screen-recorder), FFmpeg, Remotion(JavaScript 기반 동영상 프레임워크), 그리고 Playwright 기반 브라우저 자동화를 활용하여 실제 제품 동작만을 정확히 캡처합니다. 녹화된 포인터/클릭 이벤트 메타데이터와 동영상 프레임을 타임라인 정렬하여 Remotion 프로젝트에서 확대/축소, 흐림, 자막 등의 효과를 적용하고, 16:9 마스터, 4:5 모바일 리프레임, 썸네일 등 다양한 출력물을 자동 생성합니다. 모든 출력은 FFprobe로 코덱, 프레임 레이트, 재생 시간을 검증하며, 개인정보 보호를 위해 실제 계정이나 알림이 포함되지 않도록 스테이징 환경에서 녹화하고 원래 데스크톱 상태를 복원합니다. 또한 불가능한 작업을 가짜로 생성하지 않고 정확한 제약 사항을 보고하도록 설계되어 있어, 신뢰할 수 있는 고품질 마케팅 데모 제작 자동화에 적합합니다.

지원 대상~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/ElbertePlinio/dotfiles/tree/HEAD/dot_agents/skills/product-demo-video

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

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

문서

비디오는 실제로 화면에서 발생한 내용만을 보여줍니다. 반복 가능한 자동화는 캡처 중에 실제 인터페이스를 작동시킬 수 있습니다. 실제 포인터 위치와 클릭 타임스탬프를 기록하세요. 측정된 포인터 샘플 사이를 보간하거나 부드럽게 처리하되, 실제 클릭 및 호버 타이밍은 유지하세요. 이벤트나 제품 응답을 조작하지 말고, 키보드 입력을 기록하지 않으며, 제품이 생성하지 않은 결과를 제시하지 마세요. 팬이 적용된 스크린샷 슬라이드쇼는 화면 녹화가 아닙니다. 정지 이미지만 가능한 경우, 해당 제한 사항을 즉시 보고하고, 이를 실제 영상인 것처럼 제시하지 마세요.

관련 스킬