AI에게 “영상 하나 만들어줘”라고 하면
영상은 나오는데 묘하게 어설플 때가 있습니다.
애니메이션 타이밍이 이상하고,
자막이 깨지고, 렌더링 방식도 제각각입니다.
Remotion이 이 문제를 줄이려고
자신들의 영상 제작 노하우를
공식 Agent Skills로 공개했습니다.
Remotion Agent Skills
/
github.com
GitHub - remotion-dev/skills: Agent Skills
[댓글 @cc.dev_]
1/
가장 먼저 설치할 만한 Skill이
remotion-best-practices입니다.
npx skills add github.com/remot… \
--skill remotion-best-practices
이 Skill은 하나의 기능만 가르치는 게 아니라
다른 Remotion Skill을 찾아주는
Router 역할까지 담당합니다.
/
github.com
GitHub - remotion-dev/skills: Agent Skills
[댓글 @cc.dev_]
1/
가장 먼저 설치할 만한 Skill이
remotion-best-practices입니다.
npx skills add github.com/remot… \
--skill remotion-best-practices
이 Skill은 하나의 기능만 가르치는 게 아니라
다른 Remotion Skill을 찾아주는
Router 역할까지 담당합니다.
[댓글 @cc.dev_]
2/
Remotion을 처음 본다면
이렇게 이해하면 편합니다.
영상 편집기를 마우스로 조작하는 대신
React 코드로 영상을 만듭니다.
화면 구성과 애니메이션,
텍스트·이미지·영상·오디오를 코드로 만들고
최종적으로 영상 파일로 렌더링합니다.
[댓글 @cc.dev_]
3/
그래서 Codex와 궁합이 좋습니다.
예를 들어 이렇게 요청할 수 있습니다.
“우리 앱 출시 영상을
30초 분량으로 만들어주세요.
첫 5초에는 로고를 보여주고,
이후 기능 3개를 순서대로 소개해주세요.
Remotion Best Practices를 따르고
Studio에서 결과까지 확인해주세요.”
[댓글 @cc.dev_]
4/
Agent가 애니메이션을 만들 때도
Remotion 방식에 맞춰 작업합니다.
예를 들어 CSS Animation에 의존하지 않고
useCurrentFrame()과 interpolate()를 이용해
프레임 기반으로 움직임을 구성합니다. �
GitHub
AI가 그냥 React 코드를 만드는 것과
Remotion을 제대로 이해하고 만드는 것의
차이가 여기서 생깁니다.
[댓글 @cc.dev_]
5/
자막이 필요하면
자막용 지침을 불러옵니다.
지도 애니메이션이라면 Maps,
영상 렌더링이라면 Render,
영상 SaaS를 만든다면 SaaS Skill을
상황에 맞게 선택하도록
구조가 나뉘어 있습니다.
[댓글 @cc.dev_]
6/
현재 제공되는 영역도 꽤 넓습니다.
영상 생성과 React Markup,
Studio Preview와 Rendering,
Captions, Maps, Multimedia,
Interactivity, SaaS Architecture,
최신 문서 검색과
Remotion Upgrade까지 있습니다.
[댓글 @cc.dev_]
7/
특히 remotion-docs가 실용적입니다.
AI의 기억에 있는 오래된 API만
그대로 사용하지 않습니다.
현재 Remotion 문서를 검색하고
필요한 페이지를 Markdown으로 가져온 뒤
그 내용을 기준으로 구현합니다.
[댓글 @cc.dev_]
8/
영상 편집 기능도 생각보다 깊습니다.
영상 자르기나 Silence Detection은
필요할 경우 FFmpeg 지침을 활용하고,
Voiceover, Audio Visualization,
3D, Transition, Lottie, GIF,
텍스트 애니메이션 같은 작업도
별도 지침으로 다룹니다.
[댓글 @cc.dev_]
9/
모든 Skill을 설치하고 싶다면
더 간단하게 할 수도 있습니다.
npx skills add remotion-dev/skills
Codex뿐 아니라 Claude Code,
Kimi Code, Cursor 같은 Agent에서도
사용할 수 있도록 만들어졌습니다.
영상 AI라고 하면 보통
“프롬프트로 영상을 생성하는 모델”부터
떠올리기 쉽습니다.
Remotion은 조금 다릅니다.
AI가 영상을 한 번 뽑아주는 게 아니라
영상 자체를 코드 프로젝트로 만들어서,
사람이나 Codex가 계속 수정하고
버전 관리하고 다시 렌더링할 수 있습니다.
반복해서 광고·쇼츠·제품 소개 영상을
만드는 사람이라면 생성형 영상 AI와는
또 다른 방식으로 활용할 만합니다.
