
이 Skill로 렌더링한 결과
앱스토어 검색 스팟 v1.0.0
짧은 앱 홍보 영상입니다. 휴대폰으로 앱스토어를 검색하면 결과 속에서 내 앱이 떠오르고, 링이 100%까지 차오르며 설치됩니다.
- 포맷
- 영상 · 16:9
- 길이
- 0:07
7초짜리 앱 인서트를 위한 무료 HyperFrames 블록입니다. 휴대폰 옆에 헤드라인이 나타나고, 휴대폰이 앱스토어를 검색해 결과가 스크롤되면 내 앱 행이 떠오르며 받기 버튼이 눌립니다. 이어 상세 화면에 평점과 지표가 보이고 설치 링이 100%까지 차오르며, 탭·설치 효과음이 내장되어 있습니다. 헤드라인, 검색어, 앱 이름, 평점, 지표는 HTML에서 고치며 배경은 투명합니다.
2026년 11월 4일 업데이트
받게 되는 것
- 배경이 투명한 7초 길이 1920×1080 인서트
- 검색, 받기 버튼 탭, 차오르는 설치 링
- 내장된 탭·설치 효과음
잘 맞는 경우
- 앱 설치 광고와 YouTube 인서트
- 모바일 앱 출시 영상
- 스폰서 구간
맞지 않는 경우
- 웹 전용 제품
- 조정 없이 쓰는 세로 전용 포맷
이 Skill에 대하여
/vpn-youtube-spot Solenne 앱스토어 검색 스팟을 만들어 줘. 헤드라인은 "CALM HOMES", 검색어는 "smart home apps", Solenne 설명은 "Scenes for every evening", 별점 4.9, 설정 5분.
광고에서 설치까지 가는 가장 짧은 길은 설치 장면을 보여 주는 것입니다. 앱스토어 검색 스팟은 그 전 과정을 7초 안에 보여 줍니다. 검색하고, 여러 앱 중에서 내 앱을 찾고, 받기를 누르고, 설치되는 모습까지. 탭할 때마다 손맛 있는 효과음이 따라옵니다.
작동 방식
- 요청: 두 단어 헤드라인, 검색어, 내 앱의 이름·한 줄 설명·평점·지표, 그리고 목록에 함께 나올 다른 앱들을 에이전트에게 알려 줍니다.
- 채우기: 문구와 색을 블록 변수에 넣고, 텍스트는 레이아웃이 설계된 길이에 가깝게 맞춥니다.
- 렌더링:
npx hyperframes render로 초안을 렌더링해 몇 프레임을 확인한 뒤 최종 MP4를 렌더링합니다. - 재사용: 변수는 작은 JSON 파일 하나에 들어 있어, 다음 버전도 렌더링 한 번이면 됩니다.
팁
- 다른 앱에는 가상의 이름이나 일반적인 이름을 쓰세요.
- 내 앱의 평점을 목록 최고로 두는 건 사실일 때만 하세요.
- 배경이 투명하므로 알파 채널로 렌더링해 내 영상, 사진 또는 단색 배경 위에 얹으세요. 두 가지 명령어는 SKILL.md에 있습니다.
- 변수가 없는 블록입니다. 에이전트가 SKILL.md에 따라 HTML 안의 텍스트를 직접 고칩니다.
오픈소스
HyperFrames 레지스트리 블록입니다. HeyGen과 HyperFrames 기여자들이 만들어(heygen-com/hyperframes) Apache License 2.0으로 공개했습니다. 다운로드에는 에셋이 포함된 블록과 Reelity가 작성한 SKILL.md가 들어 있어 에이전트가 바로 채우고 렌더링할 수 있으며, HyperFrames 자체는 npm에서 실행됩니다.
시작 전에 필요한 것
- 준비물
- 앱 이름, 아이콘 색, 한 줄 설명, 평점, 지표, 검색어.
- 의존성
- Node.js 22 이상 — 필수 · FFmpeg — 필수
- 외부 비용
- 없습니다. HyperFrames는 무료 오픈소스이며 내 컴퓨터에서 렌더링됩니다.
- 마지막 테스트
- v1.0.0 —
사용자 리뷰
아직 리뷰가 없습니다. Skill을 설치하고 첫 평가를 남겨 보세요.
자주 묻는 질문
실제 App Store 화면이 나오나요?
익숙한 스타일의 일반적인 앱스토어 화면에 내 앱과 가상의 이웃 앱들이 나옵니다.
앱 아이콘을 바꿀 수 있나요?
네. 아이콘은 CSS로 그려져 있어 에이전트가 색을 바꾸거나 이미지로 교체할 수 있습니다.
왜 무료인가요?
HeyGen과 HyperFrames 기여자들의 오픈소스 HyperFrames 블록입니다. 그대로 소개하며, 에이전트가 쓸 수 있도록 SKILL.md를 더하고 저희 하우스 브랜드 중 하나인 Solenne로 만든 샘플을 함께 올렸습니다.






