HeyGen이 공개한 무료 오픈소스를 클로드 코드에 붙이면, 사이트 주소 하나로 30초 출시 영상이 나와요.
HyperFrames라는 도구인데요, 영상을 HTML로 짠 다음 MP4로 뽑아 줘요. 깃허브 별 6.1만 개, Apache-2.0 라이선스라 무료로 쓸 수 있어요.
해외에서 이걸로 출시 영상을 만드는 프롬프트가 북마크 1,300개를 받았어요. 설치부터 프롬프트까지 아래와 같아요.
[댓글 @dhdbtkd]
설치는 터미널에서 한 줄이에요.
npx skills add heygen-com/hyperframes
목록이 뜨면 Core Skills만 고르면 돼요.
그다음 클로드 코드에 이렇게 보내요.
"HyperFrames로 [사이트 주소]를 읽고 헤드라인, 핵심 기능 3개, 브랜드 색, 로고를 뽑아서 30초 출시 영상을 HTML로 만들어 줘.
0~3초: 브랜드 색 위로 로고 등장
3~8초: 헤드라인을 한 단어씩
8~23초: 기능마다 한 장면, 실제 화면 캡처와 부드러운 GSAP 전환
23~30초: 행동 유도 문구와 주소
스톡 영상 없이 경쾌하게, 1080x1920으로. 렌더링 전에 정지 화면 3장을 먼저 보여 줘."
[댓글 @dhdbtkd]
마지막 줄이 요령이에요. 정지 화면 3장으로 방향부터 맞춰 두면, 다 뽑은 뒤에 처음부터 갈아엎지 않아도 돼요. 세로 1080x1920이라 릴스·쇼츠에도 바로 올릴 수 있고요.
답글에는 "이렇게 길게 안 써도 HyperFrames를 쓰라고만 하면 된다"는 의견도 있었어요. 코덱스·커서·Gemini CLI에서도 같은 스킬로 돌아가요. 출시 영상, 지금은 어떻게 만들고 계세요?
원문 x.com/Round…
