用途
motion-graphics 是一个 HyperFrames 技能，专注于制作短小、设计导向、无旁白的动态图形。它强调“运动即信息”，面向约 10 秒以内的画面，典型内容包括动态字体（kinetic typography）、数字滚动计数（stat count-up）、图表与数据可视化亮点、Logo 动画或品牌锁定、下三分之一（lower-third）字幕条等。超过 10 秒、带旁白或多场景的内容不属于本技能的直接产出范围，需先阅读 /hyperframes 意图层进行路由。
主要能力
- 按类别制作：形态类无需搜索，内容由用户提供，包括 kinetic-type、stat、charts、logo-reveal、lower-thirds、maps；搜索驱动类先搜索再按内容类型动画，包括 webpage、news、tweet、asset-fusion。
- 素材优先流程：先决定素材策略并获取真实素材，再围绕可用素材设计镜头，最后通过复用目录块完成合成。
- 复用优先构建：构建者读取 shot-plan.json、catalog-map.md、类别模块、运动词汇表等材料，优先使用 npx hyperframes add <block> 并就地定制，仅在缺口处手工编写。
- 自主执行：流程设计为自主运行，最多提出一个澄清问题，然后直接构建并验证，无需中间审查。
- 用户把关渲染：在检查和证明快照通过后，打开 Studio 预览，询问“现在渲染，还是需要修改？”，仅在明确批准后执行渲染。
使用方式
技能以分阶段流程执行，项目产物写入 PROJECT_DIR = videos/<project-name>/：
- 第 0 步 初始化：在不存在 hyperframes.json 时运行 npx hyperframes init 创建项目。
- 第 1 步 规划：由 Director 子代理判断是否需要搜索；不需要则选择形态类并写草稿 shot-plan.json，需要则生成搜索计划到 asset_needs。
- 第 2 步 素材获取：当 asset_needs 非空时调用 media-use resolve 解析素材；为空则跳过。
- 第 3 步 设计：围绕已解析素材选择目录块、布局、运动、节拍，最终确定 shot-plan.json。
- 第 4 步 构建：复用优先地生成 compositions/index.html，遵循暂停的 GSAP 时间线等 HF 契约。
- 第 5 步 验证：运行 hyperframes check 与 snapshot，检查接触表或快照表；失败时派发修复子代理进行一次就地修复后重跑。
- 第 6 步 审批与渲染：打开预览并询问渲染或修改；获批后运行渲染命令输出 MP4，或用 --format webm/mov 输出透明叠加。
前置条件包括 macOS Apple Silicon 或 Linux x64，安装 node 与 ffmpeg，运行一次 npx hyperframes doctor；macOS GPU 渲染需设置 PRODUCER_BROWSER_GPU_MODE=hardware。可选的 GEMINI_API_KEY/GOOGLE_API_KEY 仅用于通过 media-use 生成素材，未设置时可跳过生成或仅搜索。
适用场景
适合需要短促、设计感强、以运动传达信息的无旁白图形：标题或引言的动态文字、单一主数字的滚动与环形展示、基于数据的柱状/折线/饼图/竞赛/百分比动画、用户提供的 Logo 揭示或品牌锁定、姓名/标题条与标注、地理高亮或连接、以及从网页、新闻、推文或图片素材衍生出的动画卡片或融合图表。
限制
仅面向约 10 秒以内、无旁白的单条动态图形；更长、带旁白或多场景内容需走 /hyperframes 意图层。搜索驱动类别依赖 media-use 搜索提供方，若不可用则降级为无素材类并在 context.log 记录。素材生成需要可选 API 密钥，未配置时跳过生成。Figma 来源需先运行 /figma，不应直接通过原始 MCP 工具驱动 Figma。渲染必须获得用户明确同意。具体收费、价格与平台支持范围资料未提供。