
이 Skill로 렌더링한 결과
네온 테두리 로어서드 v1.0.0
두 줄기 빛의 호가 둥근 패널 테두리를 따라 질주하다 딱 맞물리고, 이어서 이름과 직함이 나타납니다.
- 포맷
- 영상 · 16:9
- 길이
- 0:05
에너지 넘치는 4.8초짜리 이름 자막을 위한 무료 HyperFrames 블록입니다. 빛나는 두 개의 호가 둥근 패널 테두리를 따라 모서리에서 모서리로 이동하며 윤곽을 닫고, 그다음 이름과 직함이 페이드인합니다. 이름, 직함, 포인트 색, 움직임 스타일, 속도, 모서리 반경, 선 두께, 호 길이, 글로우가 변수이며 배경은 투명합니다.
2026년 11월 4일 업데이트
받게 되는 것
- 배경이 투명한 4.8초 길이 1920×1080 로어서드
- 패널 테두리를 따라 그려지는 빛나는 호
- 이름, 직함, 포인트 색, 움직임, 반경, 두께, 글로우 변수
잘 맞는 경우
- 크리에이터, 셰프, 진행자
- 게임·테크 채널
- 행사·무대 영상
맞지 않는 경우
- 아주 격식 있거나 딱딱한 기업 톤
- 긴 직함
이 Skill에 대하여
/lt-neon-border 우리 버거 장면 위에 오렌지 색으로 "Marco Ruiz", "Head chef · Ember & Bun" 네온 테두리 로어서드를 만들어 줘.
이름 자막에도 개성이 있을 수 있습니다. 네온 테두리 로어서드는 두 줄기 빛으로 스스로 테두리를 그려, 화자의 이름이 작은 쇼와 함께 등장하게 합니다. 크리에이터, 셰프, 게이머처럼 대담한 브랜드에 잘 어울립니다.
작동 방식
- 요청: 이름과 직함, 포인트 색, 그리고 호가 얼마나 경쾌하게 움직일지를 에이전트에게 알려 줍니다.
- 채우기: 문구와 색을 블록 변수에 넣고, 텍스트는 레이아웃이 설계된 길이에 가깝게 맞춥니다.
- 렌더링:
npx hyperframes render로 초안을 렌더링해 몇 프레임을 확인한 뒤 최종 MP4를 렌더링합니다. - 재사용: 변수는 작은 JSON 파일 하나에 들어 있어, 다음 버전도 렌더링 한 번이면 됩니다.
팁
- 포인트 색은 브랜드 컬러에서 고르세요.
- "step" 움직임은 기계적인 느낌, 부드러운 움직임은 차분한 느낌을 줍니다.
- 배경이 투명하므로 알파 채널로 렌더링해 내 영상, 사진 또는 단색 배경 위에 얹으세요. 두 가지 명령어는 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을 설치하고 첫 평가를 남겨 보세요.
자주 묻는 질문
호가 끊기지 않고 부드럽게 움직이게 할 수 있나요?
네. 움직임 스타일과 속도가 변수입니다.
글로우를 약하게 줄일 수 있나요?
네. 글로우, 두께, 호 길이 모두 변수입니다.
왜 무료인가요?
HeyGen과 HyperFrames 기여자들의 오픈소스 HyperFrames 블록입니다. 그대로 소개하며, 에이전트가 쓸 수 있도록 SKILL.md를 더하고 저희 하우스 브랜드 중 하나인 Ember & Bun로 만든 샘플을 함께 올렸습니다.






