Heygen Com 스킬

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

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

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

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

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

HyperFrames CLI dev loop — `npx hyperframes` for scaffolding (init), validation (lint, inspect), preview, render, and environment troubleshooting (doctor, browser, info, upgrade). Use when running any of these commands or troubleshooting the HyperFrames build/render environment. For asset preprocessing commands (`tts`, `transcribe`, `remove-background`), invoke the `hyperframes-media` skill instead.

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

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 컴포지션을 위한 에셋 전처리 — 다중 제공자 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 HTML 구성을 만들거나, 생성하거나, 편집하거나, 애니메이션화하거나, 렌더링하는 모든 요청에 대해 여기서 시작하세요. 사용자가 HyperFrames가 완성된 MP4/웹 동영상을 제작하거나 렌더링하도록 하거나, 워크플로를 선택하거나, 제품 출시 동영상, 얼굴 없는 설명 영상, 웹사이트-투-비디오 등 중에서 경로를 지정하려는 경우 다른 동영상 또는 애니메이션 스킬보다 먼저 사용하세요.

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

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

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

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

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

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