무료
Vael · 16:9
이 Skill로 렌더링한 결과
스펙 체크리스트 v1.0.0
왼쪽 정렬 스펙 목록입니다. 레이블과 값이 담긴 행이 하나씩 차례로 밀려 들어오고, 그 아래로 포인트 라인이 쓱 지나갑니다.
아직 평가 없음 0 다운로드
- 포맷
- 영상 · 16:9
- 길이
- 0:08
8초짜리 스펙·기능 소개 장면을 위한 무료 HyperFrames 블록입니다. 레이블과 값으로 된 다섯 행이 왼쪽에서 차례로 밀려 들어오고, 행마다 포인트 밑줄이 가로질러 그어집니다. 보드용 라이트 스킴과, 영상 위에 쓰는 스크림 포함 다크 스킴이 있습니다. 행, 스킴, 라인 두께, 위치, 타이밍은 HTML 안의 작은 설정에서 정하며 배경은 투명합니다.
2026년 11월 4일 업데이트
받게 되는 것
- 배경이 투명한 8초 길이 1920×1080 오버레이
- 밑줄이 그어지며 밀려 들어오는 다섯 행
- 스크림 옵션이 있는 라이트·다크 스킴
잘 맞는 경우
- 상품 상세 페이지와 광고
- 앱과 가전·기기의 기능 목록
- 가방, 신발, 전자제품처럼 스펙이 중요한 카테고리
맞지 않는 경우
- 다섯~여섯 행을 넘는 목록
- 긴 문장
이 Skill에 대하여
이렇게 말하세요
/mk-specs-list 우리 Vael Cerise 사진 위에 스펙 체크리스트를 만들어 줘. Leather "Cherry calf, hand-finished", Hardware "Solid brass clasp", Fits "A 14-inch laptop", Handles "Hand-stitched, 22 cm drop", Made "In small, numbered runs".
스펙은 읽기 쉬울 때 설득력이 생깁니다. 스펙 체크리스트는 레이블과 값으로 된 다섯 행을 제품 옆에 하나씩, 행마다 또렷한 밑줄과 함께 펼쳐 보여 줍니다. 제품이 화면에 머무는 동안 소재, 사이즈, 기능이 확실히 전달됩니다.
작동 방식
- 요청: 짧은 레이블·값 다섯 쌍과 배경이 밝은지 어두운지를 에이전트에게 알려 줍니다.
- 채우기: 문구와 색을 블록 변수에 넣고, 텍스트는 레이아웃이 설계된 길이에 가깝게 맞춥니다.
- 렌더링:
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을 설치하고 첫 평가를 남겨 보세요.
자주 묻는 질문
행을 더 추가할 수 있나요?
네. 행은 설정 속 목록이며, 다섯~여섯 행까지 여유 있게 들어갑니다.
복잡한 사진 위에서도 잘 읽히나요?
배경과 대비되는 스킴을 고르고, 필요하면 스크림을 더 진하게 올리세요.
왜 무료인가요?
HeyGen과 HyperFrames 기여자들의 오픈소스 HyperFrames 블록입니다. 그대로 소개하며, 에이전트가 쓸 수 있도록 SKILL.md를 더하고 저희 하우스 브랜드 중 하나인 Vael로 만든 샘플을 함께 올렸습니다.
