用途
motion-graphics 用于制作短小、设计导向的动态图形，特点是动态本身承担信息传达的角色，时长约在 10 秒以内。它适合需要快速、视觉冲击力强的短片段，而非长篇幅的多场景视频或主题讲解视频。
主要能力
该技能采用资产优先（Asset-first）的工作流：先决定素材策略并获取真实素材，再围绕已有素材设计镜头，最后通过复用目录能力进行合成。它支持两类内容：
-
形式类别（Form categories）：无需搜索，内容由用户提供。包括：
- 动态字体（kinetic-type）：醒目的单行文字、引语或标题，动态优先的文本。
- 统计（stat）：单一核心数字、计数动画加环形进度。
- 图表（charts）：根据数据生成柱状图、折线图、饼图、竞速图或百分比图。
- 标志展示（logo-reveal）：标志演绎或品牌锁定（使用用户提供的标志）。
- 下三分之一字幕条（lower-thirds）：姓名或标题条、标注、社交叠加层。
-
搜索驱动类别（Search-driven categories）：先搜索，再根据内容类型制作动画。包括：
- 网页（webpage）：网页或 UI 动画（滚动、揭示、光标、标注）。
- 新闻（news）：标题揭示加来源卡片和关键事实标注。
- 推文（tweet）：动态推文卡片。
- 素材融合（asset-fusion）：素材的几何形状成为图表（RWA 叙事融合）。
使用方式
工作流按以下步骤执行：
- Step 0 — 初始化：在项目目录
videos/<项目名>/下运行npx hyperframes init创建项目，除非已存在hyperframes.json。 - Step 1 — 规划：由子代理（导演第一部分）决定是否需要搜索。若不需要，选择形式类别并写入草稿
shot-plan.json；若需要，生成搜索计划到asset_needs[]。 - Step 2 — 素材获取（条件性）：若
asset_needs非空，通过脚本解析素材（搜索、生成、获取）。若为空则跳过。 - Step 3 — 设计：由子代理（导演第二部分）围绕可用素材设计镜头，选择目录块和动态规则，最终确定
shot-plan.json。 - Step 4 — 构建：由子代理（构建器）复用优先地合成，输出
compositions/index.html，遵循 HF 合约（暂停的 GSAP 时间线、类名clip、稳定 ID 等）。 - Step 5 — 渲染：运行
npx hyperframes render输出 MP4，或使用--format webm/mov输出透明叠加格式。 - Step 6 — 验证：运行
npx hyperframes lint和npx hyperframes inspect，若失败则派发修复子代理。
前置条件：macOS Apple Silicon 或 Linux x64，需安装 node 和 ffmpeg（brew install node ffmpeg），并运行一次 npx hyperframes doctor。macOS GPU 渲染需设置 export PRODUCER_BROWSER_GPU_MODE=hardware。可选密钥如 GEMINI_API_KEY 用于图像生成，未设置时跳过生成。
适用场景
适用于需要短小、设计导向的动态图形场景，如动态字体、数字统计、图表动画、标志展示、字幕条，以及基于网页、新闻、推文或素材融合的动画。
限制
不适用于实时或渲染时数据，也无法处理无法捕获的素材。若需要更长的多场景处理，应使用 /general-video；主题讲解使用 /faceless-explainer；已有footage加字幕使用 /embedded-captions。若不确定选择动态优先还是更长视频，应先阅读 /hyperframes。