13 HyperFrames.
HyperFrames-ready motion compositions — agent-built video that blends template HTML with frame-level keyframes.
산출물 종류
- 001
Hyperframes HyperFrames HTML로 비디오 합성, 애니메이션, 타이틀 카드, 오버레이, 자막, 보이스오버, 오디오 반응형 비주얼, 장면 전환을 제작합니다. HTML 기반 비디오 콘텐츠 제작, 오디오 동기화 자막 추가, 텍스트 음성 변환 내레이션 생성, 음악 반응형 애니메이션(비트 동기화, 글로우, 펄스), 애니메이션 텍스트 강조(마커 스윕, 손그림 원, 버스트 라인, 낙서, 스케치아웃), 장면 전환 효과(크로스페이드, 와이프, 리빌, 셰이더 전환)를 지원합니다. - 002
Hyperframes 비디오 Hyperframes / Remotion 호환 연속 프레임 애니메이션 및 자동 재생 지원. - 003
HyperFrames: $0 → $10K 머니 카운터 효과 (9:16) 6초 세로형 1080×1920 HyperFrames 효과 클립 — Apple 스타일 $0 → $10,000 카운터, 그린 플래시, 머니 버스트 파티클, 현금 스택 아이콘, 킥커 헤드라인 포함. HyperFrames `apple-money-count` 카탈로그 블록 기반. - 004
HyperFrames: 12초 앱 쇼케이스 — 세 대의 플로팅 폰 12초 16:9 앱 쇼케이스 컴포지션 — 세 대의 iPhone 화면이 3D 공간에 떠 있으며, 각각 순서대로 회전하여 다른 기능을 표시하고, 비트 동기화된 라벨 콜아웃과 엔딩 로고 락업 포함. HyperFrames `app-showcase` 카탈로그 블록 기반으로 직접 제작. - 005
HyperFrames: 30초 브랜드 홍보 영상 30초 16:9 HyperFrames 홍보 영상 — 빠른 컷, 비트 동기화 키네틱 타이포그래피, 오디오 반응형 텍스트 스케일, 5개 장면 간 셰이더 전환, 로고 블룸이 포함된 엔딩 카드. 학생 키트의 aisoc-hype 아키타입을 기반으로 합니다. - 006 HyperFrames: 30초 SaaS 제품 프로모션 (Linear 스타일) Linear/ClickUp 스타일 제품 영상을 모델로 한 30초 HyperFrames 컴포지션——UI 3D 리빌, 비트 동기화 키네틱 타이포그래피, 애니메이션 UI 스크린샷, 로고 아웃트로가 포함된 엔드 카드. HF 카탈로그 블록(ui-3d-reveal, app-showcase, logo-outro)과 장면 전환 셰이더로 구성.
- 007 HyperFrames: 4초 시네마틱 로고 아웃트로 4초 16:9 로고 아웃트로 — 조각별 워드마크 조립, 블룸 효과, 최종 락업을 가로지르는 쉬머 스윕, 부드러운 그레인 오버레이, 단일 라인 CTA 포함. HyperFrames의 `logo-outro`, `shimmer-sweep`, `grain-overlay` 블록으로 구축되었습니다.
- 008 HyperFrames: 5초 미니멀 제품 공개 5초 HyperFrames 고급 제품 공개 영상 — 어두운 캔버스, 단일 따뜻한 액센트, 느린 푸시인 타이틀 카드, 키네틱 키커 라인, 절제된 모션. puppeteer로 HTML+GSAP에서 MP4 렌더링, 스톡 영상 불필요.
- 009
HyperFrames: 9:16 소셜 오버레이 스택 (X · Reddit · Spotify · Instagram) 15초 세로형 1080×1920 HyperFrames 구성으로, 페이스캠 루프 위에 4개의 애니메이션 소셜 카드를 배치합니다—X 게시물, Reddit 반응, Spotify 재생 중 카드, 마지막 Instagram 팔로우 CTA. 각 카드는 HyperFrames 카탈로그 블록이며, 구성이 부가 가치입니다. - 010
HyperFrames: 9:16 TikTok 토킹헤드 + 노래방 자막 세로형 1080×1920 HyperFrames 숏폼 — TTS 내레이션이 있는 토킹헤드와 얼굴 캠 루프 영상에 노래방 스타일 단어 동기화 자막, 애니메이션 하단 자막, 마지막에 TikTok 팔로우 오버레이 포함. HyperFrames 학생 키트의 may-shorts-19 아키타입을 따름. - 011
HyperFrames: 애니메이션 막대 차트 레이스 (NYT 스타일) 12초 16:9 데이터 인포그래픽 — 애니메이션 막대 및 꺾은선 차트, 단계별 카테고리 표시, NYT 스타일 세리프 헤드라인, 출처 각주, 동적 값 레이블 포함. HyperFrames `data-chart` 카탈로그 블록 기반 구축. - 012
HyperFrames: Apple 스타일 비행 지도 (출발지 → 목적지) 8초 16:9 시네마틱 비행 경로 지도 — 실사 지형 줌, 곡선 경로를 따라 출발지에서 목적지로 활공하는 애니메이션 비행기, 도시 라벨, 동적 거리 카운터. HyperFrames `nyc-paris-flight` 카탈로그 블록 기반으로 제작되어 모든 도시 쌍에 재사용 가능. - 013
HyperFrames: 웹사이트-비디오 파이프라인 (15초 마케팅 컷) 세 가지 뷰포트 크기로 라이브 웹사이트를 캡처하고 색수차 방사형 분할로 장면 간 애니메이션 전환하는 15초 16:9 HyperFrames 구성. 사이트를 소스 자산으로 사용하는 hyperframes-sizzle 학생 키트 아키타입을 따릅니다.