모션그래픽
브랜드 기준 문서와 사진으로 1080×1920 세로 15초 장면 구성안을 받고, HyperFrames 프로젝트로 만들어 검사를 통과시킨 뒤 MP4로 렌더할 수 있습니다.
단계 1 / 4
https://github.com/heygen-com/hyperframes 저장소의 README를 읽고 Claude Code용 HyperFrames 플러그인을 설치해 줘. 설치 전에 Node.js 22 이상과 FFmpeg가 이 컴퓨터에 있는지 확인하고, 없으면 설치 방법을 알려 주고 멈춰 줘.
Node.js와 FFmpeg 버전 확인 결과가 먼저 나오고, 플러그인 설치 뒤 /hyperframes로 부를 수 있다는 안내가 나옵니다.
단계 2 / 4
[브랜드 폴더]의 brand.md·design.md와 사진 파일을 읽고, 1080×1920 세로 15초 영상의 장면 구성안을 표로 만들어 줘. 장면마다 시작·끝 초, 화면 문구, 쓸 사진 파일, 움직임을 적고, 첫 1초 안에 브랜드 이름이나 핵심 문장이 보이게 해 줘. 문구는 brand.md에 있는 사실만 쓰고, 아직 영상은 만들지 마.
장면 4~6개짜리 표가 나오고, 장면마다 쓸 사진 파일 경로와 화면 문구가 적혀 있습니다.
단계 3 / 4
고른 구성안으로 HyperFrames 프로젝트를 만들어 줘. 색과 글꼴은 design.md 값만 쓰고, 다 쓰면 npx hyperframes check를 돌려 오류와 글자 대비 경고를 고친 뒤 미리보기 주소를 알려 줘. 렌더는 내가 미리보기를 보고 말할 때 해.
check 결과에 남은 오류가 없고, 브라우저에서 열 수 있는 미리보기 주소가 나옵니다.
단계 4 / 4
미리보기 그대로 MP4로 렌더해 줘. 렌더한 뒤 ffprobe로 길이·해상도·초당 프레임 수를 재서 표로 보여 줘.
MP4 파일 경로와 함께 길이 15초 안팎, 해상도 1080×1920이 적힌 표가 나옵니다.