무료
Ember & Bun · 4:5
이 Skill로 렌더링한 결과
리더보드 레이스 v1.0.0
각자의 아바타가 자기 기록만큼의 속도로 행을 가로질러 통통 튀는 리더보드입니다. 1등이 가장 빠릅니다.
아직 평가 없음 0 다운로드
- 포맷
- 영상 · 4:5
- 길이
- 0:16
16초짜리 4:5 리더보드를 위한 무료 HyperFrames 블록입니다. 아이브로, 제목, 기간, 합계 아래로 사람마다 이름과 기록이 적힌 행이 하나씩 생기고, 아바타나 이니셜이 행을 가로질러 통통 튑니다. 많이 해낸 사람일수록 더 빨리 달립니다. 아이브로, 제목, 기간, 합계, 푸터, 출처, 행(이름, 기록, 아바타)이 변수이며 배경은 투명합니다.
2026년 11월 4일 업데이트
받게 되는 것
- 배경이 투명한 16초 길이 1080×1350 리더보드
- 기록에 따라 속도가 정해져 통통 튀는 아바타
- 모든 레이블과 행을 위한 변수
잘 맞는 경우
- 팀·커뮤니티 칭찬 영상
- 매출, 배달, 고객 지원 리더보드
- 오픈소스 기여자 결산
맞지 않는 경우
- 수십 명 규모
- 정밀한 비교
이 Skill에 대하여
이렇게 말하세요
/week-in-merges Ember & Bun 리더보드 레이스를 만들어 줘. 제목은 "Orders delivered this week", 기간은 10월 27일부터 11월 2일까지, 주문 412건, 라이더는 Sam 96, Priya 88, Leo 74, Ana 66, Tomas 51, Mei 37.
리더보드는 결과를 즐겁게 만듭니다. 리더보드 레이스는 한 주의 숫자(배달, 매출, 가입, 풀 리퀘스트)를 레이스로 바꿔, 모두가 각자의 속도로 자기 행을 통통 튀며 가로지르게 합니다. 1등은 한눈에 보이고, 모두가 주인공이 되는 순간을 갖습니다.
작동 방식
- 요청: 보드에 올릴 사람, 각자의 기록, 무엇을 세는지, 그리고 기간을 에이전트에게 알려 줍니다.
- 채우기: 문구와 색을 블록 변수에 넣고, 텍스트는 레이아웃이 설계된 길이에 가깝게 맞춥니다.
- 렌더링:
npx hyperframes render로 초안을 렌더링해 몇 프레임을 확인한 뒤 최종 MP4를 렌더링합니다. - 재사용: 변수는 작은 JSON 파일 하나에 들어 있어, 다음 버전도 렌더링 한 번이면 됩니다.
팁
- 4:5에서는 여섯~여덟 행이 가장 잘 읽힙니다.
- 아바타에 사진을 쓰거나, 비워 두면 이니셜이 나옵니다.
- 배경이 투명하므로 알파 채널로 렌더링해 내 영상, 사진 또는 단색 배경 위에 얹으세요. 두 가지 명령어는 SKILL.md에 있습니다.
- 1080×1350으로 만들어져 LinkedIn이나 Instagram 피드에 바로 올릴 수 있습니다.
오픈소스
HyperFrames 레지스트리 블록입니다. HeyGen과 HyperFrames 기여자들이 만들어(heygen-com/hyperframes) Apache License 2.0으로 공개했습니다. 다운로드에는 에셋이 포함된 블록과 Reelity가 작성한 SKILL.md가 들어 있어 에이전트가 바로 채우고 렌더링할 수 있으며, HyperFrames 자체는 npm에서 실행됩니다.
시작 전에 필요한 것
- 준비물
- 여섯~여덟 명의 이름과 기록, 세는 항목, 기간.
- 의존성
- Node.js 22 이상 — 필수 · FFmpeg — 필수
- 외부 비용
- 없습니다. HyperFrames는 무료 오픈소스이며 내 컴퓨터에서 렌더링됩니다.
- 마지막 테스트
- v1.0.0 —
사용자 리뷰
아직 리뷰가 없습니다. Skill을 설치하고 첫 평가를 남겨 보세요.
자주 묻는 질문
무엇을 셀 수 있나요?
무엇이든 됩니다. 샘플은 배달 건수를 셉니다. 단위 단어는 HTML에서 정하고, 모든 레이블은 변수입니다.
사진을 넣을 수 있나요?
네. 행마다 아바타 이미지를 넣을 수 있고, 비워 둔 행에는 이니셜이 나옵니다.
왜 무료인가요?
HeyGen과 HyperFrames 기여자들의 오픈소스 HyperFrames 블록입니다. 그대로 소개하며, 에이전트가 쓸 수 있도록 SKILL.md를 더하고 저희 하우스 브랜드 중 하나인 Ember & Bun로 만든 샘플을 함께 올렸습니다.
