화면 속 텍스트와 애니메이션을 수정하기 위해 영상 편집 프로그램을 다시 열고 처음부터 렌더링을 기다리는 과정은 반복적이고 비효율적이다. 최근 개발자들은 GUI(마우스로 조작하는 그래픽 사용자 인터페이스) 기반의 영상 편집 도구 대신, 코드로 영상의 각 프레임을 정의하는 방식을 택하고 있다. Remotion은 React(사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리)를 활용해 프로그래밍 방식으로 영상을 생성하는 오픈소스 프레임워크다.

Remotion의 AI 에이전트 연동과 코드 생성 방식

Remotion은 최근 AI 에이전트가 코드를 직접 작성하도록 설계된 스킬을 공개했다. 사용자가 터미널에서 아래 명령어를 입력하면 AI 에이전트가 영상 제작을 위한 코드를 생성할 준비를 마친다.

npx skills add remotion-dev/skills

이 기능을 통해 사용자는 자연어로 영상의 구성을 묘사하기만 하면 Anthropic의 Claude나 OpenAI의 Codex(코드 생성을 위해 훈련된 모델)가 Remotion 코드를 자동으로 생성한다. 결과물은 단순한 영상 파일이 아니라 수정 가능한 TypeScript 프로젝트 형태로 남는다. 이는 픽셀 단위로 이미지를 생성하는 기존 AI 영상 도구와 차별화되는 지점이다. 사용자는 CSS(웹 페이지 스타일을 정의하는 언어), Canvas(웹에서 그래픽을 그리는 도구), SVG(확장 가능한 벡터 그래픽), WebGL(웹에서 3D 그래픽을 구현하는 기술) 등 브라우저 기반의 모든 웹 기술을 영상 제작에 그대로 활용할 수 있다.

기존 영상 제작 방식과의 차이점

예전에는 영상의 특정 요소 하나를 수정하기 위해 전체 프로젝트를 다시 렌더링하거나 편집기 내에서 수동으로 위치를 조정해야 했다. 이제는 React의 재사용 가능한 컴포넌트 구조를 활용해 영상의 특정 부분만 코드로 수정하고 Fast Refresh(코드 변경 사항을 즉시 화면에 반영하는 기능)를 통해 실시간으로 결과를 확인할 수 있다. npm(자바스크립트 패키지 관리 도구) 생태계에 존재하는 수많은 라이브러리를 영상 제작에 그대로 가져와 사용할 수 있다는 점도 큰 변화다. 기존의 영상 편집 도구가 고정된 결과물을 내놓는다면, Remotion은 코드를 통해 영상의 모든 속성을 제어할 수 있는 프로그래밍 환경을 제공한다.

개발자가 체감하는 가장 큰 변화는 영상 제작의 진입 장벽이 낮아졌다는 점이다. 코딩 지식이 부족한 사용자도 AI 에이전트를 통해 영상의 뼈대를 구축할 수 있으며, 숙련된 개발자는 기존 웹 개발 워크플로우를 영상 제작에 그대로 이식할 수 있다. 라이선스 정책은 개인 및 3인 이하의 소규모 팀에게는 상용 목적으로도 무료로 제공된다. 4인 이상의 기업은 별도의 기업용 라이선스를 취득해야 한다. 영상 제작의 패러다임이 수동 편집에서 코드 기반의 자동화로 이동하고 있다.