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 - 音乐、音效、配音、头像、抠图 →
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。