
이 Skill로 렌더링한 결과
소셜 게시물 카드 v1.0.0
X 스타일 게시물 카드가 영상 위로 미끄러져 들어오고, 좋아요, 재게시, 조회수가 올라가는 애니메이션.
- 포맷
- 영상 · 16:9
- 길이
- 0:05
5초 길이의 게시물 오버레이를 위한 무료 HyperFrames 블록입니다. 아바타, 이름, 핸들, 인증 배지, 본문, 타임스탬프, 반응 바가 담긴 어두운 소셜 게시물 카드가 미끄러져 들어오고, 좋아요가 분홍색으로 바뀌며 숫자가 올라간 뒤 사라집니다. 이름, 핸들, 본문, 숫자는 HTML에서 수정하며, 배경이 투명해 영상 위에 겹칠 수 있습니다.
2026년 11월 3일 업데이트
받게 되는 것
- 배경이 투명한 5초 길이의 게시물 카드 오버레이
- 좋아요 애니메이션과 올라가는 반응 숫자
- 내 영상 위에 얹는 방법 안내
잘 맞는 경우
- 고객 후기와 언론 인용
- 영상 속 출시 소식
- 게시물을 인용하는 설명 영상
맞지 않는 경우
- 허락 없이 다른 사람의 게시물 보여 주기
- 단독 전체 화면 광고
이 Skill에 대하여
/x-post Maison Vey(@maisonvey)의 소셜 게시물 카드를 만들어 줘. 본문은 "Ambre Nuit is here. Amber, smoked vanilla and a little night air, in a bottle you will want to keep on the shelf. #AmbreNuit", 우리 향수 장면 위에 얹어 줘.
멋진 게시물을 화면에 인용하면 한눈에 사회적 증거가 됩니다. 소셜 게시물 카드는 익숙한 X 스타일로 게시물을 애니메이션합니다. 좋아요가 톡 터지고 숫자가 올라가니, 고객 후기, 출시 소식, 리뷰를 어떤 장면 위에든 얹을 수 있습니다.
작동 방식
- 요청: 이름, 핸들, 게시물 본문, 반응 숫자, 그리고 카드를 얹을 장면을 에이전트에게 알려 줍니다.
- 채우기: 문구와 색을 블록 변수에 넣고, 텍스트는 레이아웃이 설계된 길이에 가깝게 맞춥니다.
- 렌더링:
npx hyperframes render로 초안을 렌더링해 몇 프레임을 확인한 뒤 최종 MP4를 렌더링합니다. - 재사용: 변수는 작은 JSON 파일 하나에 들어 있어, 다음 버전도 렌더링 한 번이면 됩니다.
팁
- 세 줄을 넘지 않도록 게시물은 140자 안팎으로 쓰세요.
- 정사각형 아바타 이미지를 쓰세요.
- 카드 배경이 투명하므로 알파 채널로 렌더링해 내 영상이나 사진 위에 얹으세요. 두 가지 명령어는 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을 설치하고 첫 평가를 남겨 보세요.
자주 묻는 질문
숫자를 바꿀 수 있나요?
네. 답글, 재게시, 좋아요, 조회수 모두 HTML 안의 일반 텍스트입니다.
X 로고를 꼭 보여야 하나요?
아니요. 로고는 HTML 속 작은 요소 하나이며, 샘플에서는 빼서 중립적인 카드로 만들었습니다.
왜 무료인가요?
HeyGen과 HyperFrames 기여자들의 오픈소스 HyperFrames 블록입니다. 그대로 소개하며, 에이전트가 쓸 수 있도록 SKILL.md를 더하고 저희 하우스 브랜드 중 하나인 Maison Vey로 만든 샘플을 함께 올렸습니다.






