Peter Yang이 소개한 HyperFrames라는 오픈소스 툴인데, HTML 기반으로 애니메이션/제품 소개 영상 같은 걸 만들 수 있다고 합니다.
흥미로운 점은 “프롬프트로 영상 생성”이 아니라, Codex나 Claude Code에서 직접 구조를 짜는 방식이라는 것.
대략 흐름은 이런 느낌입니다.
framemd 생성
스토리보드 작성
장면별 HTML/CSS/JS 구성
코드 기반으로 애니메이션 제작
영상 형태로 출력
기존 AI 영상툴은 결과물이 랜덤하게 튀는 경우가 많았는데, HTML 기반이면 장면 구성이나 텍스트, 레이아웃을 훨씬 더 통제하기 좋아 보입니다.
특히 제품 소개 영상, 온보딩 영상, 대시보드 데모, 짧은 설명형 콘텐츠에는 꽤 잘 맞을 것 같네요.
예전에는 영상 하나 만들려면 기획, 디자인, 모션그래픽, 편집이 다 따로 필요했는데 이제는 Claude Code/Codex로 구조 짜고, HTML로 장면 만들고, 필요한 부분만 수정하면서 영상화하는 식으로 갈 수 있는 듯합니다.