Claude Code를 활용하여 Screen Studio 수준의 화면 녹화가 가능한 오픈 소스 도구를 만들었습니다

Screenplay를 방금 출시했습니다. Claude Code에게 "https://yoursite.com의 30초짜리 비디오를 만들어줘"라고 요청하면, 부드러운 커서, 자동 확대/축소(auto zooms), 클릭 효과, 자막, 선택적 음성 해설이 포함된 세련된 MP4 파일을 얻을 수 있습니다.

작동 방식은 이렇습니다. Claude가 사이트를 탐색하고 짧은 JSON 시나리오(이 페이지 열기, 여기서 클릭하기, 이것 입력하기)를 작성합니다. Screenplay는 이를 headless Chromium (Playwright)에서 재생하여 촬영하고 편집합니다. 동일한 종류의 시나리오로 데스크톱 앱(Mac, Windows, Linux)에서도 작동합니다. AI가 내장되어 있지 않으며 API 키도 필요 없습니다: Claude가 사고하는 역할을 하고, Screenplay가 촬영 및 편집을 담당합니다. headless 방식이므로 화면 없이 컨테이너에서도 실행할 수 있습니다.

Claude가 어떻게 도움이 되었는지에 대해 설명드리자면, 저는 Claude Code를 사용하여 이것을 만들었으며, 이 도구는 그것을 위해 만들어졌습니다. npx agent-screenplay init은 MCP 서버와 /screenplay 명령어를 Claude Code(Codex 및 Cursor도 작동)에 추가하며, 에이전트가 좋은 시나리오를 작성하는 방법(무엇을 확대할지, 얼마나 오래 머물게 할지, 언제 콜아웃을 추가할지 등)을 가르치는 가이드도 제공합니다. 촬영 후, Claude는 해당 샷의 스토리보드를 보고 장면이 어긋난 경우 시나리오를 수정합니다.

사용해 보세요 (무료, MIT 라이선스): npx agent-screenplay init을 실행하고 Claude Code를 재시작한 다음, /screenplay Make a 30-second walkthrough of https://yoursite.com을 입력합니다.
레포지토리: https://github.com/gmpetrov/agent-screenplay
피드백 환영! 제출자: /u/gptrv [링크] [댓글]