주요 콘텐츠로 건너뛰기
AI 튜토리얼

onetake Claude 에이전트 스킬로 연속 테이크 제품 영상 만들기

onetake이 AI 에이전트가 모든 시각적 장면이 이전 장면에서 이어지는 제품 출시 영상, 티저, 기능 데모를 제작하도록 돕는 방법을 알아보세요. 이 튜토리얼에서는 설치, 프롬프트 작성, 비트 시트 계획, 렌더링, 연속성 검증, 모션 블러, 사운드 및 실용적인 제작 팁을 다룹니다.

onetake Claude 에이전트 스킬로 연속 테이크 제품 영상 만들기

onetake란 무엇인가요?

onetake는 제품 출시 영상, 티저, 기능 시연 영상을 하나의 연속된 테이크로 제작하기 위한 Claude Agent Skill입니다. 서로 관련 없는 타이틀 카드, UI 장면, 기능 화면을 페이드로 연결해 보여주는 대신, 한 요소가 화면에 계속 남아 다음 장면의 일부가 되는 전환을 설계합니다.

예를 들어 프롬프트 바가 애플리케이션 창으로 열리고, 창이 휴대폰 화면으로 재배치되거나, 선이 책상 위를 가로질러 이동한 뒤 다음 영상의 첫 번째 그리드 선이 될 수 있습니다. 한 대의 카메라가 컷 없이 전체 시퀀스를 연결합니다.

다음 슬라이드로 컷 전환하지 않는 모션 영상.

연속성이 중요한 이유

AI로 생성한 많은 모션 영상은 장면별로 보면 괜찮지만, 전체로 보면 프레젠테이션처럼 느껴집니다. 각 장면이 이전 장면을 대체하기 때문입니다. onetake는 두 장면 사이의 경계를 핵심 디자인 문제로 다룹니다.

모든 경계에서 제작 과정은 다음 장면까지 이어지는 물체, 형태, 움직임 또는 카메라 관계를 찾아야 합니다. 카메라는 피사체를 따라가고, 다음 도착 지점을 향해 빠르게 이동하며, 핸드헬드 촬영자처럼 움직이고, 충격에 반응한 다음, 중요한 움직임이 충분히 자리 잡을 수 있도록 멈춰 있을 수 있습니다.

주요 기능

  • 연속적인 시각적 연결: 모든 장면은 관련 없는 대체 화면으로 나타나는 대신 이전 장면에서 자연스럽게 이어집니다.
  • HTML로 재구성한 인터페이스: 제품 UI를 스크린샷에서 HTML로 재현해 카메라 평면에 배치합니다. 화면 녹화를 피하고 카메라가 인터페이스 안으로 이동할 수 있습니다.
  • 정밀한 움직임: 모션 라이브러리에는 스프링, 등장, 이동, 접촉, 시뮬레이션, 카메라 동작, 유체 기반 동작을 다루는 약 38개의 움직임이 포함되어 있습니다. 각 움직임은 측정된 속도 곡선을 사용하는 시간 기반 순수 함수입니다.
  • 모션 블러: 움직이는 프레임을 열린 180도 셔터 동안 여러 번 캡처하고 선형 광원에서 평균을 내어, 빠른 움직임이 스트로빙 대신 자연스럽게 번지도록 합니다.
  • 이벤트 기반 사운드: 폴리와 합성음을 영상 속 이벤트를 기준으로 배치하고, 공통 리버브를 사용하며 중요한 충격음이 나올 때 음악을 낮춥니다.
  • 결정론적 출력: 같은 시간으로 이동하면 항상 같은 프레임이 생성됩니다. 초안은 초당 30프레임의 1080p를 목표로 하며, 최종 렌더링은 초당 60프레임의 4K를 목표로 할 수 있습니다.
  • 자동 검증: 프로젝트가 프레임을 검사하고 경계를 감지하며, 시각적 콘텐츠가 경계를 넘어 이어지는지 평가합니다.

Skill 설치

에이전트가 사용하는 skills 디렉터리에 저장소를 클론합니다. Claude Code에서는 다음을 실행하세요.

git clone https://github.com/feitangyuan/onetake.git ~/.claude/skills/onetake

Codex 또는 agents 디렉터리에서 skill을 읽는 다른 에이전트에서는 다음을 사용하세요.

git clone https://github.com/feitangyuan/onetake.git ~/.agents/skills/onetake

저장소에는 핵심 프로토콜인 SKILL.md, 모션 및 UI 유틸리티인 lib/, 제작 스크립트인 scripts/, 데모인 gallery/, 작성된 가이드인 references/가 포함되어 있습니다.

필수 도구 설치

onetake에는 Playwright와 Chromium이 설치된 python3과 numpy, scipy, Pillow, matplotlib가 필요합니다. 레퍼런스 분석에는 추가로 opencv-python이 사용됩니다. 또한 ffmpeg와 node도 필요합니다.

내레이션을 사용하려면 faster-whisper와 Kokoro TTS를 추가하세요. README에 따르면 음악은 기본적으로 로열티 프리입니다.

프롬프트로 프로젝트 시작

설치가 끝나면 에이전트에 구체적인 제작 작업을 요청하세요. 예를 들면 다음과 같습니다.

내 앱을 위한 15초 출시 영상을 만들어줘
이 스크린샷을 바탕으로 화면 녹화 없이 재구성한 기능 데모를 만들어줘
내 모션 영상이 슬라이드쇼처럼 느껴져. 수정해줘

제품 인터페이스를 HTML로 재구성하려면 스크린샷을 제공하세요. 원하는 길이, 목적, 연속성 문제를 구체적으로 설명하세요. 이 skill은 이러한 요청을 연결되지 않은 장면 모음이 아니라 구조화된 영상 제작 워크플로로 전환하도록 설계되었습니다.

단계별로 영상 제작

  1. 레퍼런스를 분석합니다. 레퍼런스 영상을 수치로 분석하세요. 정지 상태가 얼마나 지속되는지, 컷이 어디에서 발생하는지, 움직임이 어떻게 가속되고 멈추는지 측정합니다.
  2. 세 가지 콘셉트를 개발합니다. 각 콘셉트는 “하나의 점이 모든 것이 된다” 또는 “스케일을 관통하는 하나의 줌”처럼 화면을 한 문장으로 설명해야 합니다. 같은 카드 기반 스토리를 세 가지 방식으로 반복하지 마세요.
  3. 비트 시트를 작성합니다. 리듬과 연결 요소를 동시에 정의하세요. 샷 길이를 최소 네 배 이상 다양하게 구성하고, 모든 경계에서 무엇이 이어지는지 정확히 명시합니다.
  4. 애니메이션을 구성합니다. 모션 라이브러리와 UI 재구성 키트를 사용해 HTML 파일 하나를 만드세요. 카드, 선, 창, 캐릭터 또는 카메라 경로가 다음 장면으로 눈에 보이게 변환되도록 전환을 설계합니다.
  5. 모션 블러를 적용해 렌더링합니다. 제작 단계에 따라 렌더링 도구로 1080p30 초안 또는 4K60 최종 영상을 생성합니다.
  6. 사운드를 구성합니다. 영상 속 이벤트를 기준으로 폴리와 합성음을 배치하고, 사운드를 하나의 리버브 공간에 유지하며, 중요한 충격음이 나올 때 음악을 낮춥니다.
  7. 검토 전에 검증합니다. 자동 검사를 실행하고, 거부된 경계나 기술적 문제를 수정한 뒤에야 영상을 사람에게 보여주세요.

디자인 규칙으로 연속성 활용

유용한 비트 설명에는 시각적 동작과 이어지는 요소가 모두 포함되어야 합니다. 예를 들어 “모바일 인터페이스를 보여 준다”고만 쓰지 마세요. 데스크톱 창이 휴대폰 인터페이스로 재배치되는지, 또는 이전 레이아웃의 한 줄이 휴대폰의 첫 번째 정렬 기준이 되는지를 작성하세요.

같은 원칙은 마지막 장면에도 적용됩니다. onetake 런치 필름에서는 출연진이 로고 락업 형태로 접혀 들어가고, 블록 커서가 한 번의 획으로 이름을 씁니다. 따라서 최종 로고는 별도의 엔드 카드가 아니라 앞선 움직임의 결과입니다.

결과 검증

onetake은 오라클 방식의 검증 워크플로를 사용합니다. probe.py는 각 프레임에 나타나는 내용을 기록하고, 경계를 찾은 다음, 어떤 시각적 콘텐츠가 경계를 넘어 이어졌는지 확인합니다. 비트가 단순히 서로를 대체하기만 하는 영상은 개별 샷이 아무리 정교해 보여도 실패할 수 있습니다.

README에는 초기 거부 런치 필름의 이어짐 점수가 0.00, 이후 거부된 버전이 0.40, 승인된 수정본이 0.75, onetake 런치 필름이 0.83으로 기록되어 있습니다.

같은 검증 방식은 일정한 샷 리듬, 정지감의 부족, 오디오 클리핑, 모션 블러 없는 빠른 움직임, 피사체가 프레임 밖으로 나가는 문제도 확인합니다. 이러한 검사를 선택적인 마감 작업이 아니라 제작 요구 사항으로 다루세요.

고급 제작 팁

리듬에 변화를 주세요

모든 비트를 같은 길이로 만들지 마세요. onetake은 샷 길이 사이에 최소 네 배의 차이를 둘 것을 권장합니다. 중요한 변화를 시청자가 이해할 수 있도록, 멈춤과 빠른 움직임을 함께 구성하세요.

다음 비트를 중심으로 카메라를 설계하세요

카메라는 종종 피사체보다 조금 앞서 움직이거나, 다음 물체가 착지할 위치를 향해 빠르게 회전하거나, 카드 안으로 들어가 카드가 다음 장면이 되도록 해야 합니다. 전환을 강조해야 할 때는 카메라가 정지한 상태를 유지하세요.

화면 녹화보다 UI를 다시 구축하세요

HTML로 인터페이스를 다시 구축하면 인터페이스를 카메라의 평면에 유지할 수 있고, 어떤 줌에서도 카메라가 인터페이스에 다가갈 수 있습니다. 또한 제품 프레젠테이션이 별도로 삽입된 화면 녹화가 아니라 연속적인 구성의 일부가 됩니다.

결정론적으로 렌더링하세요

출력이 결정론적이므로 특정 시점으로 이동하면 언제나 같은 프레임을 다시 얻을 수 있습니다. 경계를 디버깅하거나, 수정본을 비교하거나, 모션 블러의 효과를 확인할 때 이 특성을 활용하세요.

포함된 사례를 살펴보세요

저장소에는 콘셉트, 비트 시트, 측정값, 거부된 버전, 거부 이유를 다루는 분석 자료와 함께 완성된 필름 열 편이 포함되어 있습니다. 사례에는 onetake launch, one-dot, knockon, clearing, pith, ebb, overlap, unbroken, motion-web, skill-demo가 있습니다. 사례 분석은 cases 디렉터리에서 확인할 수 있으며, 필름 소스 코드는 포함되어 있지 않습니다.

라이선스

onetake은 PolyForm Noncommercial 1.0.0 라이선스에 따라 배포됩니다. 개인적, 교육적, 연구 목적 및 기타 비상업적 용도로는 무료로 사용할 수 있습니다. 상업적 사용은 허용되지 않습니다.

결론

onetake은 제품 필름을 슬라이드쇼가 아니라 하나의 연결된 퍼포먼스처럼 느껴지게 만드는 실용적인 워크플로를 제공합니다. 스킬을 설치하고, 필름을 설명하고, 각 경계를 계획하고, HTML로 인터페이스를 다시 구축하고, 측정된 움직임과 블러를 적용해 렌더링하고, 사운드를 점수화한 뒤, 사람의 검토 전에 검증을 실행하세요. 핵심 규칙은 간단합니다. 모든 비트는 다음 비트로 이어지는 모습이 보여야 합니다.