vincentsch/explainroo

해결하는 문제

짧은 설명 영상과 제품 데모를 자동으로 생성합니다. 수동으로 애니메이션을 만들고 편집하는 대신, 코드 에이전트가 스크립트, 시각적 장면, 최종 MP4 파일을 모두 로컬 머신에서 생성할 수 있습니다.

작동 방식

AI 에이전트는 스크립트(script.md)와 JavaScript 파일(scenes.js)을 작성하여 그림과 타이밍을 정의합니다. 이후 시스템은 여러 로컬 도구를 사용해 이 파일들을 처리합니다:

• 음성: 텍스트를 음성으로 변환하기 위해 Kokoro 오픈 음성 모델 사용.
• 타이밍: OpenAI의 Whisper를 사용해 말하는 단어와 시각 요소를 동기화.
• 이미지: 헤드리스 Chrome 브라우저를 사용해 프레임을 렌더링하며, Rough.js로 손그림 스타일, Lucide로 아이콘을 활용.
• 사운드: 사용자 정의 배경 음악과 사운드 효과 생성.
• 파일: ffmpeg를 사용해 모든 요소를 MP4로 결합.

품질을 보장하기 위해 도구는 에이전트에게 장면의 정지 이미지, 겹치는 텍스트 여부 확인, 발음 오류 확인을 제공합니다.

대상 사용자

Claude Code나 Codex와 같은 코드 에이전트를 사용해 전문 동영상 편집 소프트웨어 없이 교육용 영상이나 소프트웨어 제품 데모를 빠르게 제작하고자 하는 개발자와 콘텐츠 크리에이터.

주요 특징

• 로컬 실행: 음성, 타이밍, 렌더링이 사용자 컴퓨터에서 실행되어 개인정보 보호와 비용 제로.
• 에이전트 기반: AI 코드 에이전트에 의해 작동하도록 특별히 설계됨.
• 다양한 미적 스타일: 5가지 시각 스타일(종이, 클린, 찰크, 블루프린트, 미드나이트) 제공.
• 유연한 포맷: YouTube, TikTok, Reels, Instagram, LinkedIn용 다양한 비율 지원.
• 제품 데모: 코드나 웹사이트에서 앱 화면을 재구성해 시뮬레이션된 사용자 상호작용 생성 가능.