r/ClaudeCode•약 4시간 전•79•7
Claude Code가 크롬 없이 영상을 생성할 수 있는 도구를 만들었습니다
I built a way for Claude Code to generate videos without running Chrome
핵심 요약
브라우저 기반 렌더링의 오버헤드를 줄이기 위해 Rust 기반 GPU 컴포지터를 활용한 영상 생성 도구 Kinetograph를 개발했습니다.
- Kinetograph 개발 — 크롬 없이 Node.js와 Rust로 영상 프레임을 렌더링함
- 성능 향상 — M4 칩 환경에서 기존 Remotion 대비 렌더링 속도가 대폭 개선됨
- Claude Code 연동 — 자연어로 영상 제작을 요청하면 컴포넌트 작성부터 렌더링까지 자동화함
- 오픈소스 공개 — 현재 베타 버전으로 GitHub와 공식 문서를 통해 사용 가능함
원본에서 제거된 영상입니다원문 보기
코딩 에이전트로 영상을 프로그래밍 방식으로 만드는 작업을 계속 해왔는데, 브라우저 기반 렌더링 때문에 생기는 오버헤드가 영 거슬리더라고.
Remotion 같은 툴은 headless Chrome을 써서 프레임을 렌더링해. 작동은 잘 되는데, 렌더링할 때마다 브라우저를 띄우는 게 너무 귀찮아서 Claude Code가 바로 쓸 수 있는 걸 만들고 싶었음.
그래서 결국 Kinetograph를 만들었다.
이건 Remotion이랑 똑같이 React/TSX 방식을 쓰는데, Chrome을 거치는 대신 Node.js가 코드를 실행하고 Rust로 짠 GPU 컴포지터가 프레임을 처리하는 구조야.
Claude Code용 스킬도 만들었으니까, 그냥 만들고 싶은 영상 설명하면 Claude가 컴포넌트 짜고 바로 렌더링까지 끝내버리는 식으로 작업하면 됨.
내 M4 맥에서 돌려보니까 성능 차이가 꽤 나더라:
- 988 프레임: Remotion 131초, Kinetograph 22초
- 1,184 프레임: Remotion 31.5초, Kinetograph 15초
물론 영상 구성에 따라 다르겠지만, 브라우저를 걷어내는 것만으로도 테스트 결과에서 엄청난 차이가 나네.
Claude Code에서 바로 써보고 싶으면 이거 입력해:
npx skills add 0xS4N4TG/kinetograph
프로젝트는 여기서 확인 가능: