# Remotion - React로 영상을 만드는 오픈소스 프레임워크

> Clean Markdown view of GeekNews topic #28958. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=28958](https://news.hada.io/topic?id=28958)
- GeekNews Markdown: [https://news.hada.io/topic/28958.md](https://news.hada.io/topic/28958.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2026-04-28T09:31:02+09:00
- Updated: 2026-04-28T09:31:02+09:00
- Original source: [github.com/remotion-dev](https://github.com/remotion-dev/remotion)
- Points: 18
- Comments: 1

## Topic Body

- **React로 영상의 각 프레임을 정의**하는 방식으로, GUI 편집기 없이 TypeScript 코드만으로 MP4를 렌더링  
- 이제 **AI 에이전트**가 코드를 만들어주기 때문에 더 쉽게 고화질 영상을 만들어낼 수 있게 됨  
- 에이전트 스킬 `npx skills add remotion-dev/skills`을 제공, 자연어로 영상을 묘사하면 **클로드/Codex가 Remotion 코드를 자동 생성**해 코딩 지식 없이도 영상 제작 가능  
- CSS, Canvas, SVG, WebGL 등 브라우저 기반 웹 기술 전체를 영상 제작에 활용  
- React의 **Reusable 컴포넌트, Fast Refresh, npm 패키지 생태계** 그대로 영상 제작에 적용 가능  
- 일반 AI 영상 도구와 달리 **픽셀을 생성하는 게 아니라 코드를 생성**하기 때문에, 특정 텍스트박스나 애니메이션을 프롬프트로 수정 가능한 완전한 프로젝트 환경이 남음  
- **개인 및 3명 이하의 회사는 상용으로도 무료** 사용 가능. 4인 이상은 **기업 라이선스 취득이 필요**

## Comments



### Comment 56434

- Author: xguru
- Created: 2026-04-28T09:32:02+09:00
- Points: 1

https://news.hada.io/topic?id=3712 2021년에 올라왔었는데요.  
사실 요즘이 더 좋아진게, AI 에이전트 스킬때문에 훨씬 쉬워졌습니다.  
정말로 그냥 에이전트한테 만들라고 시키면 뚝딱뚝딱 고화질 영상을 만들어줍니다.  
  
Claude Code 팀이 새로운 기능 만들어서 공개할때 보통 트위터에 영상으로 소개를 올리는데요.  
그때 Remotion 을 활용한다고 얘기한 적이 있습니다.