hyperframes (라이브 업스트림 포인터)은(는) 무엇을 하나요?
업스트림: https://github.com/heygen-com/hyperframes · 문서: https://hyperframes.heygen.com · 카탈로그: https://hyperframes.heygen.com/catalog
1. 권장 설치 방법 (자동 업데이트 지원 버전 관리 플러그인)
claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframes
# 또는 프로젝트별:
npx hyperframes skills update
그 후 /hyperframes:hyperframes (라우터)와 함께 figma, hyperframes-cli, hyperframes-registry, media-use, reverse-any-video, slideshow, remotion-to-hyperframes를 사용합니다.
2. 대체 방법: 라이브 스킬 직접 읽기
bash ~/.claude/skills/design-engineer/scripts/upstream.sh hyperframes # 스파스 체크아웃: skills/, docs/guides, README, AGENTS
<PATH>/skills/hyperframes/SKILL.md (렌더링 계약 및 작업 루프)로 시작합니다. 그런 다음 상황에 맞는 하위 스킬을 사용합니다:
- Figma 링크 또는 브랜드 토큰 →
skills/figma/SKILL.md - 명명된 비주얼 (글리치, 그레인, 차트, 지도) → 수동 제작 전
skills/hyperframes-registry/SKILL.md - 음악, SFX, 내레이션, 아바타, 컷아웃 →
skills/media-use/SKILL.md - 기존 비디오 복사 →
skills/reverse-any-video/SKILL.md - 데크 / 실시간 프레젠테이션 →
skills/slideshow/SKILL.md - Remotion/Lottie/Three/Manim 포팅 →
skills/remotion-to-hyperframes/SKILL.md
3. CLI (Node 22+)
npx hyperframes init my-video && cd my-video
npx hyperframes add data-chart
npx hyperframes preview
npx hyperframes render
4. Remotion 대비 선택 기준
이미 React/Remotion을 사용하는 팀 → remotion. 실제 페이지 제품 프로모션(샷 카드 포함) → video-shotcraft. 내레이션과 배경 음악이 있는 스타일화된 단편 영화 → lemo-opuscar.