blixvip/MotionClone

MotionClone – 영상을 편집 가능한 모션 그래픽 코드로 변환

기능 소개 – MotionClone은 짧은 모션 그래픽 클립(YouTube, Vimeo, 파일 등)을 입력받아, 사용자의 ChatGPT / Codex 계정을 사용하여 해당 애니메이션을 HyperFrames 프로젝트(HTML, CSS 스타일 에셋, 폰트, 타이밍 데이터의 집합)로 재구성합니다. 결과물은 완전히 편집 가능하여 텍스트, 색상, 속도를 변경하거나 다른 AI 어시스턴트에게 코드를 전달하여 추가로 수정할 수 있습니다. UI는 원본 영상과 재구성된 영상을 나란히 보여주어 일치 여부를 확인할 수 있습니다.

중요성 – 기존 영상 편집 도구는 래스터 방식의 화면 녹화본을 제공하지만, MotionClone은 모션 그래픽의 기반이 되는 코드를 제공합니다. 이를 통해 키프레임을 수동으로 역설계할 필요 없이 광고, 타이틀 시퀀스, 런칭 영상 등을 쉽게 재활용할 수 있습니다.

작동 방식 –

1. 참조 가져오기 – 공개 영상 URL을 붙여넣거나 파일을 업로드합니다(최대 120초, 250MB). 이 단계에서는 AI가 사용되지 않습니다.
2. AI 기반 재구성 – ChatGPT/Codex 계정을 연결(codex login 사용)하면, 앱이 선택된 참조 프레임을 모델로 전송하여 시각적 요소와 애니메이션을 재현하는 HyperFrames 마크업을 생성합니다.
3. 비교 및 내보내기 – 스튜디오에서 두 클립을 동기화하여 재생하고, 레이아웃 스타일(Studio, Editorial 등)과 출력 형식(가로, 세로, 정사각형, 울트라와이드, 피드)을 선택할 수 있습니다. MP4 또는 편집 가능한 프로젝트 ZIP 파일을 다운로드할 수 있습니다.

로컬 실행 – Windows 전용. Git, Python 3.11+, Node 22+, FFmpeg, Chrome 및 공식 Codex CLI를 설치하십시오. 그 후:

git clone https://github.com/blixvip/MotionClone.git
cd MotionClone
codex login   # sign in to your OpenAI account
.
start.ps1      # installs locked deps and launches http://127.0.0.1:4319

첫 실행 후에는 바로가기(Start MotionClone.vbs)를 사용할 수 있습니다.

주요 기능 –

• 편집 가능한 HyperFrames 출력(HTML 기반 애니메이션 프로젝트).
• 내장된 나란히 비교 기능(조정 가능한 레이아웃 및 와이프 표시).
• 6가지 시각적 스타일 및 5가지 화면 비율 프리셋.
• 내보내기 옵션: MP4, 스타일별 영상, 또는 전체 편집 가능한 ZIP.
• 에이전트 워크플로우 – 내보낸 ZIP을 코딩 에이전트에 전달하여 추가 자동 편집 가능(docs/AGENT-WORKFLOW.md 참조).

제한 사항 – 재구성은 근사치입니다. 작은 텍스트, 희귀한 폰트, 사진 또는 복잡한 3D는 수동 수정이 필요할 수 있습니다. 이 서비스는 온라인 OpenAI 계정에 의존하며 오프라인 모드는 없습니다. 사용 비용은 본인의 ChatGPT/Codex 플랜을 따릅니다.

커뮤니티 및 도움말 – Discord 서버, 상세 문서(시작 가이드, 에디터 가이드, 에이전트 워크플로우, 개발), GitHub의 버그 트래커가 있습니다.

대상 사용자 – 기존 모션 그래픽을 빠르게 리믹스하려는 디자이너, 마케터, 개발자 또는 AI 보조를 통한 편집 가능한 애니메이션 코드 생성에 관심이 있는 모든 분.