SuperAPI AI 工具集

motion-graphics

设计与创作

查看项目

更新于 10-19 17:58

技能介绍

该技能提供了一套端到端的工作流,用于创作时长约 10 秒以内、无旁白、设计驱动的短动态图形。其核心理念是“动效即信息”,通过视觉运动本身传达内容。

用途与场景:

  • 动能排版(kinetic-type):制作有冲击力的文字/引言/标题动画。
  • 统计数字(stat):单个重点数字的滚动计数或环形动画。
  • 图表(charts):基于数据生成柱状图、折线图、饼图、竞赛图或百分比动画。
  • Logo 揭示(logo-reveal):logo 出场或品牌锁定动画(使用用户提供的 logo)。
  • 下三分之一字幕条(lower-thirds):姓名条、标题条、标注、社交叠加层。
  • 地图(maps):地理运动,如高亮区域、连接地点、缩放至某位置。
  • 搜索驱动类别:网页(webpage)、新闻(news)、推文(tweet)和资产融合(asset-fusion),这些类别会先搜索素材再根据内容类型制作动画。

主要能力与工作流: 该技能设计为自主运行,最多允许一个澄清问题,然后依次执行计划、素材获取(可选)、设计、构建、验证、审批和渲染。所有产物保存在项目目录 videos/<project-name>/ 下。

使用方式(命令行):

  • 安装或更新技能:npx hyperframes skills update motion-graphics(运行前需与用户确认)。
  • 初始化项目:npx hyperframes init "$PROJECT_DIR" --non-interactive --example=blank --skill=motion-graphics。
  • 验证:npx hyperframes check . 和 npx hyperframes snapshot --at <proof-times>。
  • 预览:npx hyperframes preview --background。
  • 渲染:npx hyperframes render . --skill=motion-graphics -q high -o ./renders/video.mp4(透明叠加层可使用 --format webm 或 mov)。

环境要求: macOS Apple Silicon 或 Linux x64;需安装 Node 和 ffmpeg(可通过 brew install node ffmpeg);首次使用建议运行 npx hyperframes doctor。macOS GPU 渲染需设置 PRODUCER_BROWSER_GPU_MODE=hardware。

可选密钥:

  • GEMINI_API_KEY / GOOGLE_API_KEY 用于图像生成,未设置时跳过生成或仅搜索。
  • asset_scout / 搜索提供者用于网页/新闻/推文和资产融合的真实素材搜索,不可用时类别降级为无素材模式。

限制与注意事项:

  • 仅适用于短时(约10秒内)、无旁白、单场景的动态图形;更长、带旁白或多场景的内容应参考 /hyperframes 意图层。
  • 渲染必须由用户明确批准后执行。
  • 若从 figma.com URL 获取素材,需先运行 /figma 处理,不建议直接使用原始 MCP 工具。
  • 不要在工作区根目录运行 hyperframes init,也不要在 PROJECT_DIR 内嵌套另一个 hyperframes/。
  • 缺失事实(如具体收费、平台效果等)暂未提供。