AI & IT · AI 뉴스 ·

클로드로 AI 영상 만들기! HyperFrames 설치부터 사용법까지

클로드 코드(Claude Code)에 HyperFrames를 설치하면 원하는 영상의 내용과 분위기를 말로 설명하고, 장면 구성부터 미리보기와 MP4 출력까지 진행할 수 있습니다. HyperFrames는 텍스트 명령만으로 동영상 파일을 즉시 만들어 주는 단일 생성 모델이 아니라, HTML·CSS와 애니메이션을 영상으로 렌더링하는 도구입니다. 처음에는 설치 환경과 출력 과정을 이해하는 것이 중요합니다.

✅ 핵심 요약

  • HyperFrames는 Claude Code와 연결해 홍보 영상, 자막 영상, 모션그래픽 등을 제작할 수 있습니다.

  • Claude Code에서는 공식 플러그인 방식으로 설치할 수 있습니다.

  • 로컬 작업에는 Node.js 22 이상, npm, FFmpeg 등 필요한 환경을 준비해야 합니다.

  • 요청 → 장면 제작 → 미리보기 → 수정 → MP4 렌더링 순서로 작업합니다.

🎬 HyperFrames는 어떤 도구인가요?

HyperFrames는 HeyGen에서 공개한 영상 제작 프레임워크입니다. Claude Code 같은 AI 코딩 에이전트가 영상 장면을 HTML과 CSS로 만들고, 정해진 시간에 맞춰 움직이는 애니메이션을 구성하도록 돕습니다. 그 결과물을 렌더링해 MP4 동영상으로 저장할 수 있습니다.

특히 글자가 등장하는 브랜드 소개, 상품 홍보, 발표 자료 스타일 영상에 활용하기 좋습니다. 다만 실사 장면을 자동 생성하는 영상 모델과는 역할이 다릅니다. 실사 영상이나 음성이 필요하다면 별도 미디어 자료 또는 연동 기능을 사용해야 할 수 있습니다.

💻 Claude Code에 HyperFrames 설치하기

먼저 컴퓨터에 Claude Code와 로컬 실행 환경을 준비하세요. 공식 설치 안내에서는 Node.js 22 이상, npm과 FFmpeg를 요구합니다. 설치 후 터미널에서 아래 두 명령어를 차례로 실행합니다.

claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframes

설치가 완료되면 Claude Code 세션을 다시 시작하거나 플러그인을 새로 불러옵니다. claude plugin details hyperframes 명령으로 설치된 기능을 확인할 수 있습니다. 독립형 스킬을 선호한다면 프로젝트 폴더에서 npx skills add heygen-com/hyperframes를 실행하고 Core Skills를 선택하는 방식도 있습니다.

✍️ 첫 번째 AI 영상 만들어 보기

Claude Code에서 다음처럼 구체적으로 요청해 보세요. 예시 요청: “/hyperframes:hyperframes를 사용해 10초짜리 커피 브랜드 소개 영상을 만들어 줘. 어두운 배경에서 제목이 서서히 나타나고, 제품의 특징 세 가지를 차례대로 보여 줘. 세로형 쇼츠 화면에 맞춰 줘.”

영상 길이, 화면 비율, 자막 문구, 색상, 장면 전환을 함께 적으면 결과물을 수정하기 쉽습니다. AI가 만든 초안은 완성본이 아니므로, 텍스트가 잘리지 않았는지와 영상 흐름이 자연스러운지 확인해야 합니다.

클로드와 HyperFrames로 요청 작성부터 MP4 출력까지 진행하는 네 단계

요청 작성 → 영상 구성 → 미리보기 → MP4 출력

▶️ 미리보기와 MP4 저장 방법

프로젝트 폴더에서 npx hyperframes preview를 실행하면 브라우저에서 결과를 확인할 수 있습니다. 문구가 너무 빨리 지나가거나 장면 사이에 공백이 생기면 Claude Code에 수정할 부분을 구체적으로 요청하세요.

영상이 만족스럽다면 npx hyperframes render --output final.mp4로 렌더링할 수 있습니다. 명령어는 프로젝트 설정과 설치 버전에 따라 옵션이 달라질 수 있으므로 실행 시 출력되는 안내도 확인하세요.

⚠️ 처음 사용할 때 확인할 점

HyperFrames의 기본 프레임워크 사용과 외부 AI 영상·음성 모델 사용 비용은 다를 수 있습니다. 또한 이미지, 음악, 폰트를 넣을 때는 상업적 사용 권한을 확인해야 합니다. 브랜드 영상이라면 영상 속 제품 정보와 문구도 직접 검토하는 것이 좋습니다.

지금은 Claude Code에서 플러그인이 설치되었는지 확인한 다음, 5~10초짜리 제목 애니메이션 하나를 요청해 첫 MP4 파일을 만들어 보세요.