Remotion 에이전트 스킬 vs Motion Skills: 각각 에이전트에게 무엇을 시키나

Remotion의 에이전트 스킬은 코딩 에이전트에게 Remotion API를 가르쳐, 올바른 React 영상 코드를 작성하게 합니다. 스토리, 속도, 사운드는 여전히 내가 정합니다. Motion Skills 완성 영상 스킬은 에이전트에게 영상 자체를 가르칩니다. 연출 방향을 정하고, 영상을 작성하고, 음악을 입히고, 모든 프레임을 검사하고, MP4를 렌더링합니다. Remotion은 개인과 최대 3명인 회사에 무료이고, Motion Skills의 Motion Director는 누구나 무료로 쓸 수 있습니다. 각각 무엇을 하는지, 팀에 비용이 얼마나 드는지, 언제 무엇을 고르면 좋은지 정리했습니다.

Remotion에 관한 사실은 2026년 10월 29일 기준 remotion.dev와 remotion.pro에서 확인했습니다. Motion Skills는 저희가 만들므로, 그에 관한 저희 설명은 그 점을 감안해 판단해 주세요.

Remotion 에이전트 스킬이란

Remotion은 영상을 React 컴포넌트로 작성하게 해 줍니다. 각 프레임은 특정 프레임 번호에서 렌더링된 내 컴포넌트입니다. Remotion의 코딩 에이전트 가이드는 Claude Code, Codex, Kimi Code, OpenCode를 언급하며, 다음 순서를 안내합니다.

npx create-video --yes --blank my-video로 프로젝트를 만들고,
npx remotion skills add로 스킬을 추가하고(스킬 페이지에는 npx skills add remotion-dev/skills도 나와 있습니다),
npm run dev로 미리 보면서, 두 번째 터미널에서 에이전트를 시작합니다.

스킬 자체는 각각 한 가지 주제에 집중한 지침 모음입니다. /remotion-best-practices가 나머지 전반을 다루고, 그 밖에 /remotion-create, /remotion-markup("컴포지션, 애니메이션, 레이아웃, 타이포그래피, 미디어 요소, 효과, 오디오, 폰트, 타이밍"), /remotion-studio, /remotion-render, /remotion-captions, /remotion-maps, /remotion-interactivity, /remotion-license, /remotion-upgrade가 있습니다.

이로써 얻는 것은 Remotion이 권장하는 방식으로 Remotion 코드를 작성하는 에이전트, 내가 소유한 프로젝트, Remotion 도구로 렌더링한 결과입니다. 내게 남는 일은 영상이 무엇을 말하는지, 장면 순서, 타이밍, 룩, 음악, 그리고 결과가 좋은지 판단하는 것입니다. 영상 제품이나 수천 번 렌더링되는 템플릿을 만들면서 모든 컴포넌트를 직접 제어하고 싶다면, 이것이 알맞은 역할 분담입니다.

Motion Skills 완성 영상 스킬이 하는 일

Motion Skills 완성 영상 스킬도 에이전트 스킬이지만, API가 아니라 영상 제작 자체를 담고 있습니다. 영상 유형마다 하나씩 있습니다. 런칭 영상, 설명 영상, 데이터 영상, 세로형 쇼츠, 내레이션이 들어간 슬라이드 등이며, 각각 고유한 스타일이 있습니다. 에이전트에 자료를 주고 영상의 용도를 말하면, 스킬은 다음을 합니다.

자료를 읽고 sources.md를 작성합니다. 화면에 나오는 모든 문장, 숫자, 이름을 그 출처인 파일이나 URL과 함께 적어 둡니다.
연출 방향을 제안하고 만들기 전에 실제 프레임을 보여 줍니다.
트리트먼트를 씁니다. 비트, 훅, 가장 강한 비트에 맞춘 핵심 메시지, 마지막 장면입니다.
영상을 만듭니다. HTML, CSS, GSAP로, 시간의 함수로 작성합니다.
음악을 입힙니다. 영상을 위해 작곡한 오리지널 음악으로, 주제에 맞는 모티프가 들어갑니다.
검사합니다. mo check로 잘리거나 가려지거나 대비가 낮은 텍스트를 찾고, mo audit로 모든 문장에 출처가 있는지 확인하고, 주요 장면의 스틸 이미지를 직접 보고 고칩니다.
MP4를 렌더링합니다. 저희 오픈 엔진인 motion-skills로 내 컴퓨터에서 렌더링하고, 수정은 평범한 말로 받습니다.

Remotion은 쓰지 않습니다. 완성 영상 스킬은 motion-skills로 작동하며, 이 엔진은 HyperFrames와 같은 아이디어를 따릅니다. 영상은 HTML, CSS, GSAP이고, Chrome에서 프레임 단위로 렌더링되어 FFmpeg로 인코딩됩니다. React가 필요 없고, 영상을 직접 작성하지 않아도 됩니다.

원테이크로 보는 Motion Skills

컷 없이 이어지는 우리 런칭 영상. 로고 타일이 설치, 내 자료, 세 가지 방향, 영상과 음악, 수정으로 바뀌고, 마지막에 실제 예시 영상 일곱 편이 이어집니다.

런칭 영상 예시16:9 · 26초

모든 문구는 이 사이트의 페이지에서 가져왔습니다.

이 런칭 영상은 런칭 영상 스킬로 이 사이트의 페이지들을 자료로 컷 없이 만들었습니다. 설치, 내 자료, 세 가지 연출 방향, 영상과 음악, 수정 한 번, 그리고 실제 예시 영상들이 이어집니다.

라이선스와 비용

	무료로 쓸 수 있는 대상	유료 옵션	비용을 내는 대상
Remotion	개인과 최대 3명인 회사. 상업적 사용 무제한	Remotion for Creators: 좌석당 월 $25. Remotion for Automators: 렌더링당 $0.01, 월 최소 $100. Enterprise는 월 $500부터	4명 이상인 회사에서 프레임워크를 쓰는 것
Motion Skills	누구나, Motion Director(10–20초 영상)	완성 영상 스킬 하나에 $4.90, 또는 전부를 월 $9.90, 연 $79, 또는 1회 $169	완성 영상 스킬. 크레딧 없음, 렌더링당 요금 없음

Remotion의 무료 라이선스는 "최대 3명인 개인과 회사"를 대상으로 하며, Company License는 "협업과 4명 이상인 회사에 필요"합니다. 자세한 내용은 라이선스 FAQ와 remotion.pro에 있습니다. Motion Skills 요금은 요금 페이지에 있습니다. 두 경우 모두 코딩 에이전트 자체의 플랜은 별도입니다.

Remotion을 고를 때

영상 제품을 만들 때: 개인화 영상, 사용자가 채우는 템플릿, 렌더링 파이프라인.
서버나 클라우드에서 대량으로 렌더링하고, 렌더링당 요금을 원할 때.
팀이 이미 React를 쓰고 있고, 모든 컴포넌트를 직접 제어하고 싶을 때.
모션을 직접 설계하고, 에이전트로 코드를 더 빨리 작성하고 싶을 때.

완성 영상 스킬을 고를 때

영상 한 편이나 몇 편이 필요할 때: 런칭, 설명, 데이터 영상, 쇼츠, 슬라이드.
영상이 내 자료에서 나와야 하고, 모든 숫자가 그 자료까지 추적되어야 할 때.
React 프로젝트를 설정하거나, 스토리, 타이밍, 음악을 직접 쓰고 싶지 않을 때.
내가 보기 전에 에이전트가 자신의 프레임을 검사하기를 원할 때.

잘 모르겠다면? Motion Director는 비용이 들지 않고 모든 유형의 10–20초 영상을 만들므로, 결정하기 전에 스킬이 내 자료로 무엇을 하는지 볼 수 있습니다. 에이전트별 설정 방법은 에이전트 스킬 설치 방법에 있습니다.

함께 쓰기

둘은 서로 충돌하지 않는 별개의 도구입니다. 둘 다 스킬로 설치되므로, 같은 에이전트가 프로그래밍 방식으로 영상을 렌더링하는 프로젝트에는 Remotion 스킬을, 한 번 만드는 영상에는 완성 영상 스킬을 쓸 수 있습니다. 흔한 분담 방식은 제품 안의 영상 기능에는 Remotion을, 그 기능을 알리는 런칭 영상에는 완성 영상 스킬을 쓰는 것입니다.

두 엔진의 비교는 HyperFrames vs. Remotion을, 브라우저 앱을 포함한 더 많은 도구는 Claude Motion 대안을 참고하세요.

자주 묻는 질문

Remotion은 무료인가요?

Remotion은 개인과 최대 3명인 회사에 무료입니다. 4명 이상인 회사는 Company License가 필요하며, remotion.pro에 따르면 Remotion for Creators는 좌석당 월 $25, Remotion for Automators는 렌더링당 $0.01이며 월 최소 $100입니다.

Remotion 에이전트 스킬은 무엇을 하나요?

Claude Code나 Codex 같은 코딩 에이전트에게 올바른 Remotion 코드, 즉 현재 프레임으로 구동되는 React 컴포지션을 작성하는 방법을 가르칩니다. 스토리, 속도, 사운드는 여전히 내가 정하고, 프로젝트를 미리 보고 렌더링하는 것은 Remotion 도구로 합니다.

Remotion과 Motion Skills를 함께 쓸 수 있나요?

네. 둘은 별개의 도구입니다. 팀은 프로그래밍 방식의 영상에는 Remotion을 계속 쓰고, 한 번 만드는 런칭 영상이나 설명 영상에는 완성 영상 스킬을 쓸 수 있습니다.

Motion Skills는 Remotion을 쓰나요?

아니요. 완성 영상 스킬은 저희 오픈 엔진인 motion-skills로 작동합니다. 영상은 HTML, CSS, GSAP이며, Chrome에서 프레임 단위로 렌더링되어 FFmpeg로 인코딩됩니다.

출처

Remotion, Coding agents와 Agent skills
Remotion, remotion.pro와 License

이 비교는 독립적이며 Remotion과 관련이 없습니다. Remotion은 해당 소유자의 상표입니다. 2026년 10월 29일 기준으로 확인했습니다.