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。