Heygen Com 스킬

hyperframes/.agents/skills/captions-overlay

임베디드 캡션 워크플로우를 위한 오버레이 원칙 — 캡션 모델(드롭/레일/임베드)과 캡션은 필름 위에 합성되는 오버레이이며, 콘텐츠를 위로 올려 피하는 예약된 하단 밴드가 아니라는 규칙. 토킹헤드 또는 런칭 비디오에 캡션/자막을 추가할 때, 특정 문구를 드롭할지, 축어적 레일을 따를지, 아니면 희소한 임베디드 클라이맥스로 승격할지 결정할 때, 캡션을 담을 컴포지션을 레이아웃할 때 로드합니다(예약하지 마...

hyperframes/.agents/skills/changelog-video

주간 체인지로그 .md 파일을 완성된 브랜드 체인지로그 영상(정사각형 1080, 약 45~60초, Annie 음성, 애니메이션 브랜드 배경, 모의 UI 시각화, 은은한 자막)으로 변환합니다. 사용자가 체인지로그/다이제스트 마크다운을 제공하고 주간 영상을 요청하거나, "체인지로그 영상"이라고 말할 때 사용합니다. 자족형 스킬로, 폰트, 배경, 용어집, 스크립트가 이 스킬에 포함되어 있습니다.

hyperframes/.agents/skills/cut-the-curve

기술 카탈로그: 다섯 가지 속도 정합 SEAMS(줌 스루, 역방향 줌 스루, 컷 더 커브, 워터폴 컷, 랙 포커스 블러 컷)와 두 가지 장면 내 기법 — 워터폴 엔트리(타이틀 카드/세그먼트 오프너용 계단식 도착) 및 너지 커브(느림-빠름-느림 3단계 그룹 슬라이드). 미러링된 power4 이징을 통한 부분 이동(프레임의 약 12%) 속도 정합, Z 스케일 부호 규칙, 크기 비례 블러(10px 텍스트 / 18-20px 전체 프레임), 단어별 계단식 배열을 다룹니다...

hyperframes/skills/embedded-captions

말하는 얼굴 영상에 자막을 추가합니다. 하나의 카탈로그(CATALOG.md)에는 32가지 시각적 아이덴티티가 있으며, 두 가지 엔진으로 구성됩니다: 컬럼 플로우(장면에 합성된 자막 — 매트 오클루전 + 믹스 블렌드; 크림/잉크/에디토리얼/키노트/다큐멘터리/라우드/네온/글리치/크롬/벨로시티)와 테마별 구성(앵커/오드넌스/터미널/네온사인/스타더스트/스톰프/스코어보드/트랜짓/VHS/아케이드/도시에/레이저/썬더/홀로그램/바이오루미/오로라/스펙트럼/페이퍼컷/

hyperframes/skills/faceless-explainer

faceless-explainer 비디오 워크플로우 - 임의의 텍스트(기사/노트/주제/요약) -> narrator_scripts.json + 오디오(음성 + 배경음악) + section_plan.md -> 타이포그래피/추상 그래픽/다이어그램/데이터 시각화 비디오. 일반적인 길이는 최대 약 3분(최적 길이 약 30-90초); 진정으로 긴 작품은 이 워크플로우가 아닌 일반 비디오입니다. 자체 내레이션(TTS)을 생성하며, 사용자가 제공하거나 사전 녹음된 음성 해설과 동기화하지 않습니다(이는 일반 비디오입니다). 웹사이트 캡처나 실제 제품 스크린샷은 없습니다....

hyperframes/skills/figma

Figma 콘텐츠를 HyperFrames 컴포지션으로 가져오기 — 렌더링된 에셋, 브랜드 토큰, 컴포넌트, 스토리보드 섹션 → 재구성된 모션(프레임을 슬라이드가 아닌 상태로 읽음)(REST/CLI), Figma Motion 애니메이션(MCP), 셰이더(MCP 소스/네이티브 내보내기). 사용자가 figma.com 링크를 붙여넣거나 Figma 디자인, 프레임, 로고, 브랜드, 애니메이션을 비디오/컴포지션으로 가져오도록 요청할 때 사용합니다.

hyperframes/skills/general-video

사용자 정의 HyperFrames HTML 비디오 구성 제작 시 전용 워크플로가 적합하지 않을 때 대체 도구로 사용합니다. 긴 길이 또는 여러 장면의 작품, 브랜드/시즐 릴, 몽타주, 타이틀 카드, 모션 포스터, 정적 루프, 모든 길이와 형식의 자유로운 구성을 다룹니다. 마케팅 제품 프로모션(product-launch-video), 일반 웹사이트-투-비디오 캡처(website-to-video), 주제 설명(faceless-explainer), GitHub PR 비디오(pr-to-video), 기존 영상 자막 처리 등에는 사용되지 않습니다.

hyperframes/skills/graphic-overlays

기존의 토킹헤드 / 인터뷰 / 팟캐스트 영상에 시간에 맞춰 디자인된 그래픽 오버레이 카드(제목, 하단 자막, 데이터 콜아웃, 인용문, 사이드 패널, 화면 속 화면)를 레이어링하여 패키징합니다. 원본 영상은 전체 재생되며, 에이전트가 대화 중 각 카드의 HTML을 디자인 및 작성한 후 hyperframes를 통해 MP4로 렌더링합니다. 사용자가 그래픽 오버레이, 영상 내 그래픽 / 하단 자막 / 데이터 콜아웃 / 키네틱 타이틀 등을 요청할 때 사용합니다.

hyperframes/skills/hyperframes

We need to translate the given English text into Korean. The instruction says to preserve the name "hyperframes" (which appears as "HyperFrames" in the text). Also preserve technical terms like "HTML", "agent", "workflow", "domain skills". The text is a description of an agent skill. We must not add any extra commentary or labels. Just translate the text inside <text> tags. The text: "READ THIS FIRST for any request to make, create, edit, animate, or render a video, animation, or motion graphic — a promo, explainer, captioned clip, title card, overlay, or any composition. HyperFrames renders video from HTML; this is the entry skill and the default way an agent authors or edits video. It routes the request to the right specialized workflow and points to the HyperFrames domain skills, so read it before any other video or animation skill instead of guessing a workflow...." We need to translate naturally into Korean. Keep the name "HyperFrames" as is. Also "HTML" as is.

hyperframes/skills/hyperframes-animation

HyperFrames의 모든 애니메이션 지식 — 원자적 모션 규칙, 다중 단계 씬 청사진, 씬 전환, 광범위한 모션 디자인 기법, 그리고 7개의 런타임 어댑터(GSAP 기본, Lottie, Three.js, Anime.js, CSS 키프레임, Web Animations API, TypeGPU). 모든 모션 또는 애니메이션 작업에 사용: 2-4개의 규칙을 선택하여 구성하거나, 청사진을 로드하거나, 런타임별 API(GSAP 이징 / Lottie 플레이어 / Three.js 믹서 등)를 조회합니다. HyperFrames 네이티브: 단일 일시 정지 타임라인, 시크 안전,...

hyperframes/skills/hyperframes-audio

Use when audio already placed in a HyperFrames composition needs to be mixed: a music bed that fights a voiceover (voiceover carve), effects on a track (EQ, compressor, limiter, gate, saturation, delay, reverb, chorus, phaser, bitcrush), or automation envelopes drawn on a track's volume or any effect parameter. Don't use for sourcing or generating audio — finding BGM, SFX, or making a voiceover is `/media-use`. Don't use for clip timing or track layout, which is `/hyperframes-core`.

hyperframes/skills/hyperframes-cli

HyperFrames CLI 개발 루프

hyperframes/skills/hyperframes-core

HyperFrames HTML 구성 계약. 구성 구조, 데이터 속성, 클립, 트랙, 하위 구성, 변수, 미디어 재생, 결정적 렌더링 규칙 및 최소 렌더링 가능 프로젝트의 검증에 사용합니다.

hyperframes/skills/hyperframes-creative

Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use `hyperframes-animation`.

hyperframes/skills/hyperframes-keyframes

Use when a HyperFrames composition needs seek-safe 2D/3D keyframes, GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text trails, 3D depth, or `hyperframes keyframes` diagnostics. Don't use for broad scene strategy, brand design, media sourcing, captions, or general video planning.

hyperframes/skills/hyperframes-media

HyperFrames 컴포지션을 위한 에셋 전처리 — 다중 제공자 TTS(HeyGen / ElevenLabs / Kokoro 로컬), 다중 제공자 BGM(Google Lyria / 로컬 MusicGen), Whisper 전사, 배경 제거 및 캡션 작성. npx hyperframes tts, bgm, transcribe, remove-background, voice/provider 선택, music-mood 프롬프팅, captions / subtitles / lyrics / karaoke / per-word 스타일링에 사용합니다.

hyperframes/skills/hyperframes-read-first

동영상, 애니메이션, 모션 그래픽, 설명 영상, 타이틀 카드, 오버레이, 자막 영상, 제품 홍보 영상, 웹사이트 영상, 홍보 또는 변경 로그 영상, 데이터 몽타주, 모션 포스터 또는 HyperFrames HTML 구성을 만들거나, 생성하거나, 편집하거나, 애니메이션화하거나, 렌더링하는 모든 요청에 대해 여기서 시작하세요. 사용자가 HyperFrames가 완성된 MP4/웹 동영상을 제작하거나 렌더링하도록 하거나, 워크플로를 선택하거나, 제품 출시 동영상, 얼굴 없는 설명 영상, 웹사이트-투-비디오 등 중에서 경로를 지정하려는 경우 다른 동영상 또는 애니메이션 스킬보다 먼저 사용하세요.

hyperframes/skills/hyperframes-registry

레지스트리 블록과 컴포넌트를 HyperFrames 구성에 설치하고 연결합니다. hyperframes add 실행 시, 블록이나 컴포넌트 설치 시, 설치된 항목을 index.html에 연결할 때, 또는 hyperframes.json 작업 시 사용합니다. add 명령어, 설치 위치, 블록 하위 구성 연결, 컴포넌트 스니펫 병합, 레지스트리 검색, 그리고 업스트림에 기여할 새 블록이나 컴포넌트 작성(아이디어 → 스캐폴드 → 검증 → PR)을 다룹니다.

hyperframes/skills/media-use

Agent Media OS — resolve any media need (BGM, SFX, image, icon) into a frozen local file + ledger record. One verb (`resolve`) handles the full cascade — project cache, global cache, HeyGen catalog search, freeze, register. Keeps search noise on disk, hands the agent a path. Use when a composition needs background music, sound effects, images, or icons.

hyperframes/.agents/skills/motion-doctrine

GATEWAY — HyperFrames 애니메이션이나 비디오를 구성하기 전에 반드시 먼저 로드하세요. 다중 장면 비디오가 독립적으로 애니메이션된 슬라이드의 집합이 아니라 하나의 연속적인 카메라 무브처럼 느껴지게 만드는 고급 모션 법칙입니다. 벡터 법칙(종료 방식이 시작 방식을 결정하며, Z 스케일 부호 규칙 포함), 영화의 흐름, 캐리어 요소, 인과적 모션, 시임 게이트(빌드-게이트 적용), 유휴 흔들림 금지(모션은 호흡이 아니라 수행해야 함), 클라이맥스 전 정지, 그리고...

hyperframes/skills/motion-graphics

사용자가 모션이 메시지가 되는 짧고 디자인 중심의 모션 그래픽을 원할 때 사용합니다: 키네틱 타이포그래피, 숫자/통계 카운트업, 차트/데이터 시각화 히트, 로고 스팅, 브랜드 록업, 하단 서드, 콜아웃, 소셜 오버레이, 애니메이션 헤드라인/트윗/뉴스 아이템, 모션 포스터, 또는 빠른 캡처 페이지 하이라이트. 일반적으로 10초 미만에서 최대 약 30초이며, 내레이션 구성, 음성 해설, 또는 실사 피사체가 없습니다. MP4 또는 투명 오버레이로 렌더링 가능합니다. 더 길고, 여러 장면이 있거나, 내레이션이 포함되거나, 브랜드 릴 형식의 작업에는 적합하지 않습니다...

hyperframes/skills/music-to-video

We need to translate the given text from English to Korean. The text describes a skill for music-to-video. We must preserve the name "music-to-video" if it appears, but it does not appear in the text. The text is a description of how the skill works. We need to translate naturally while keeping technical terms like "HyperFrames", "beat-synced", "orchestrator", "sub-agent", "beat grid", "beat-cut". Also preserve numbers and URLs if any (none). No extra commentary. Just the translation. The text: "Use when the user has a music track (an audio file, or a video to pull audio from) and wants a beat-synced HyperFrames video, calm to hard-hitting. The music drives everything: one analyzer reads it once, the orchestrator lays out the frames and fills a per-frame plan, and one sub-agent builds each frame. Typography and templates are the floor — a complete video needs zero assets — but any images or videos the user supplies are cut into the frames on

hyperframes/.agents/skills/oversized-cursor

하우스 스타일의 확대된 macOS 커서 기법으로, HyperFrames 런치 비디오용입니다. 커서나 포인터 주도 동작이 포함된 장면, UI 장면 시작 시, 클릭과 함께 모프/전환/타이핑 실행을 점화할 때, 또는 장면이 정적이거나 죽어 있거나 낡아 보여 값싸고 효율 높은 움직임 소스가 필요할 때마다 로드하여 시청자의 시선을 끌고 낡은 상태에서 분리시킵니다. 커서 크기/외관(브랜드 모티프 커서 포함), 화면 밖 진입 규칙, 팁 타겟팅 및 클릭을 다룹니다...

hyperframes/skills/pr-to-video

pr-to-video 워크플로우 - GitHub 풀 리퀘스트 (github.com/ / /pull/ 또는 / # 형식의 URL, 또는 체크아웃된 저장소의 "this PR") -> 수집된 PR 정보 (제목, 본문, diff, 커밋, 파일, +/- 통계) -> narrator_scripts.json + 오디오 (음성 + 배경음악) + section_plan.md -> 코드 diff / 변경 전후 / 영향 설명 영상. 입력은 코드 변경입니다. URL은 PR 링크이며, 마케팅 사이트를 스크래핑하는 대상이 아닙니다. 텍스트 브리핑이나 제품 웹사이트도 아닙니다. PR이 아닌 입력(제품 사이트, 일반 웹사이트, 주제 텍스트)의 경우...

hyperframes/skills/product-launch-video

사용자가 제품 출시, SaaS 홍보, 기능 공개, 앱/회사/사이트 마케팅 비디오, 또는 스크립트/브리프를 제품 중심 비디오로 전환하려 할 때 사용합니다. 트리거 예시: X 출시 비디오, 당사 사이트 홍보, 1분 안에 SaaS 설명, X.com 기능 공개, 이 스크립트를 60초 홍보 영상으로 변환. 브랜드 캡처를 위해 제품/마케팅 URL을 사용하거나 브리프/스크립트에서 캡처 없음 모드를 사용할 수 있습니다. 제품이나 URL이 없는 주제 설명(faceless-explainer), GitHub PR/코드 변경에는 사용하지 않습니다.

hyperframes/skills/remotion-to-hyperframes

기존 Remotion(React 기반) 비디오 컴포지션을 HyperFrames HTML 컴포지션으로 변환합니다. 사용자가 명시적으로 Remotion 컴포지션을 HyperFrames로 포팅, 변환, 마이그레이션, 번역 또는 재작성하도록 요청한 경우에만 사용하세요(예: "내 Remotion 프로젝트를 HyperFrames로 포팅해 줘"). 다음 경우에는 사용하지 마세요: (a) 새로운 HyperFrames 컴포지션을 작성하는 경우(Remotion 비디오의 A/B 테스트를 하더라도); (b) Remotion이 단순히 언급된 경우; (c) Remotion 코드가 번역 목적이 아닌 참조용으로 공유된 경우; (d) 사용자가 원하는 경우...

hyperframes/.agents/skills/seam-craft

하이퍼프레임스 런치 비디오에서 장면 간 시임(seam)에 대한 렌더 정확성 원칙 — 마스터 타임라인에서 전환이 올바르게 합성되기 위한 전제 조건. 마스터 타임라인 / index.html을 조립할 때, 컷 또는 크로스페이드 시임에서 흰색 플래시가 나타날 때(특히 어두운 필름에서), 전환 불투명도 딥(dip)이 비쳐 보이는 이유를 추론할 때, 또는 겹치는 장면 래퍼가 블렌딩되는 렌더 측 메커니즘을 검증할 때 로드합니다. 불투명한 스테이지 그라운드(#root...)를 다룹니다.

hyperframes/skills/slideshow

HyperFrames 슬라이드쇼 구성을 작성합니다 — 개별 슬라이드, 조각 공개, 분기 시퀀스, 핫스팟 탐색이 포함된 프레젠테이션, 피치 덱 또는 인터랙티브 덱입니다. 사용자가 프레젠테이션, 피치 덱, 슬라이드 덱, 인터랙티브 덱 또는 슬라이드쇼일 수 있는 페이지-투-덱 변환을 요청할 때 의도 확인 용도로 사용하며, 사용자가 명시적으로 슬라이드쇼를 요청하지 않은 경우 작성 전에 확인합니다.

hyperframes/skills/talking-head-recut

기존의 talking-head / 인터뷰 / 팟캐스트 영상에 시간에 맞춰 디자인된 그래픽 오버레이 카드를 재생 중인 영상 위에 배치하여 패키징합니다. 제목, 하단 자막, 데이터 콜아웃, 인용문, 사이드 패널, 화면 속 화면 등이 포함되며, 대본과 동기화됩니다. 원본 영상은 전체 재생되며, 에이전트가 대화 중 각 카드의 HTML을 설계 및 작성한 후 hyperframes를 통해 MP4로 렌더링합니다. 사용자가 영상에 그래픽 오버레이, 화면 속 그래픽/하단 자막/데이터 콜아웃/움직이는 제목 등을 요청할 때 사용합니다.

hyperframes/skills/website-to-video

일반 웹사이트/URL을 캡처하여 HyperFrames 비디오(사이트 투어, 쇼케이스, 또는 사이트 자체 비주얼로 만든 소셜 클립)로 변환합니다. 헤드리스 Chrome 스크린샷과 브랜드 자산을 사용합니다. 의도가 일반적인 경우(포트폴리오/블로그/랜딩 페이지 쇼케이스 또는 사이트 기반 소셜 클립)에 사용하세요. 다음에는 사용하지 마세요: 제품/SaaS 출시 또는 프로모션(→ /product-launch-video, URL에서도 마찬가지); 사이트가 없는 주제 설명(→ /faceless-explainer); GitHub PR(→ /pr-to-video); 기존 비디오에 자막 추가(→...