
이 Skill로 렌더링한 결과
팔로우 카드(영상 앱) v1.0.0
아바타, 이름, 팔로워 수가 담긴 TikTok 스타일 팔로우 카드. 빨간 팔로우 버튼을 탭하면 팔로잉으로 바뀝니다.
- 포맷
- 숏폼 · 9:16
- 길이
- 0:05
숏폼 영상 스타일의 4.5초 팔로우 행동 유도를 위한 무료 HyperFrames 블록입니다. 아바타, 이름, 핸들, 팔로워 수가 담긴 어두운 프로필 필이 튀어 오르고, 빨간 팔로우 버튼이 탭과 함께 팔로잉으로 바뀝니다. 이름, 핸들, 숫자, 아바타는 HTML에서 수정하며, 배경은 투명합니다.
2026년 11월 3일 업데이트
받게 되는 것
- 배경이 투명한 4.5초 길이의 1080×1920 오버레이
- 프로필 카드와 팔로우 탭 애니메이션
- 내 영상 위에 얹는 방법 안내
잘 맞는 경우
- TikTok, 릴스, 쇼츠의 엔드 카드
- 레스토랑, 푸드, 라이프스타일 브랜드
- 크리에이터 채널
맞지 않는 경우
- 가로형 영상
- 긴 행동 유도 문구
이 Skill에 대하여
/tiktok-follow Ember & Bun(@emberandbun, 팔로워 212K)의 TikTok 스타일 팔로우 카드를 만들어 줘. 아바타는 Double Stack으로 하고, 우리 버거 장면 위에 얹어 줘.
숏폼 영상의 마지막 1초가 팔로우를 결정합니다. 팔로우 카드(영상 앱)는 그 1초에 분명하고 익숙한 요청을 담습니다. 내 프로필과 기분 좋은 팔로우 탭을 가장 좋은 장면 위에 얹어 보세요.
작동 방식
- 요청: 표시 이름, 핸들, 팔로워 수, 정사각형 아바타, 그리고 카드를 얹을 장면을 에이전트에게 알려 줍니다.
- 채우기: 문구와 색을 블록 변수에 넣고, 텍스트는 레이아웃이 설계된 길이에 가깝게 맞춥니다.
- 렌더링:
npx hyperframes render로 초안을 렌더링해 몇 프레임을 확인한 뒤 최종 MP4를 렌더링합니다. - 재사용: 변수는 작은 JSON 파일 하나에 들어 있어, 다음 버전도 렌더링 한 번이면 됩니다.
팁
- 가장 알아보기 쉬운 제품이나 얼굴을 아바타로 쓰세요.
- 이름은 짧게 쓰세요. 길면 두 줄로 넘어갑니다.
- 카드 배경이 투명하므로 알파 채널로 렌더링해 내 영상이나 사진 위에 얹으세요. 두 가지 명령어는 SKILL.md에 있습니다.
- 제품이 돋보이는 강렬한 마지막 장면과 함께 쓰세요.
오픈소스
HyperFrames 레지스트리 블록입니다. HeyGen과 HyperFrames 기여자들이 만들어(heygen-com/hyperframes) Apache License 2.0으로 공개했습니다. 다운로드에는 에셋이 포함된 블록과 Reelity가 작성한 SKILL.md가 들어 있어 에이전트가 바로 채우고 렌더링할 수 있으며, HyperFrames 자체는 npm에서 실행됩니다.
시작 전에 필요한 것
- 준비물
- 이름, 핸들, 팔로워 수, 정사각형 아바타, 카드를 얹을 장면.
- 의존성
- Node.js 22 이상 — 필수 · FFmpeg — 필수
- 외부 비용
- 없습니다. HyperFrames는 무료 오픈소스이며 내 컴퓨터에서 렌더링됩니다.
- 마지막 테스트
- v1.0.0 —
사용자 리뷰
아직 리뷰가 없습니다. Skill을 설치하고 첫 평가를 남겨 보세요.
자주 묻는 질문
버튼 문구를 번역할 수 있나요?
네. "Follow"와 "Following"은 HTML 안의 일반 텍스트입니다.
사진 앱용 버전도 있나요?
네, 팔로우 카드(사진 앱)가 같은 아이디어를 파란 버튼으로 담고 있습니다.
왜 무료인가요?
HeyGen과 HyperFrames 기여자들의 오픈소스 HyperFrames 블록입니다. 그대로 소개하며, 에이전트가 쓸 수 있도록 SKILL.md를 더하고 저희 하우스 브랜드 중 하나인 Ember & Bun으로 만든 샘플을 함께 올렸습니다.







