106.9K+下载
跳转到使用指南
motion-design作者 OpenDesign

OpenDesign Motion Design Skill.

把动效需求串成连贯影片：规划节奏、编排注意力，保留可编辑时间线。OpenDesign 官方辅助工具在宿主工作流内使用，不是独立渲染器。

  • 动效视频
  • OpenDesign
下载 OpenDesign查看使用指南
源文件解读 · motion-designSKILL.md
任务 完善动效需求、节奏图和可编辑时间线。 产出 • 连贯叙事节奏 • 可编辑 HTML 源码 • 针对视频需求，由宿主渲染的 MP4 开始前的准备 使用具备所需媒体工具的 OpenDesign 宿主。
源文件编辑审读 · 2026-11-02 · 非实际执行演示

01 功能说明

衔接需求、时间线与影片

了解 OpenDesign 官方 motion-design skill：节奏图、可编辑 HTML 动效、参考视频复现，以及宿主渲染的 MP4 交付。

基于来源的工作流并非执行基准测试

工作方法

OpenDesign 的 motion-design skill 为当前任务提供动效制作指导，将需求说明、代表帧和节奏图与文字排版、节奏、连续性及可定位时间线联系起来。贯穿的视觉母题承载整部作品的想法，避免成为互不相关的标题卡。

实际制作路径由宿主决定。视频需求通过 OpenDesign 本地 HyperFrames 流水线交付可编辑 HTML 源码和渲染 MP4。指针驱动交互与 UI 微动效保持可运行 HTML 或代码，不压平成视频。源文件还涵盖基于实测的参考视频复现，以及对已有影片的小范围修改。

预期交付物

  • 将时间、观众理解、焦点对象、变换和声音连接起来的节奏图
  • 宿主授权制作时提供的可编辑、可定位 HTML 动效源码
  • 使用宿主可用渲染器，为视频需求渲染的 MP4
查看示例简报

从简报到审查

  1. 01
    明确需求

    采用已有受众、素材、文案、时长和使用目标。源文件仅将 12–18 秒和 16:9 作为无明确限制短片的起点。

  2. 02
    设计一张代表帧

    扩展场景前先确定层级、字体、配色和焦点对象。视觉构想必须贴合主体，不能只有“高级”或“电影感”等标签。

  3. 03
    连接节奏节点

    让对象或母题经历有意义的变换。安排入场、阅读停留和离场，在转场时保留方向与速度连续性。

  4. 04
    通过宿主制作

    视频工作采用宿主脚手架和可定位时间线。渲染 MP4、查看代表性时刻，并同时保留可编辑源码。

02 适用场景

适合什么场景

这个官方 OpenDesign 工具面向其宿主工作流。把指令导入其他智能体前，先检查依赖。

适合的场景

  • 产品与品牌影片通过具体动作展示真实价值，使用提供的界面或标志且不扭曲比例。
  • 动态文字与解释动画将文字作为图形对象，同时保留可阅读时段。保留标签、因果关系和真实数据值。
  • 基于实测复现参考重建前通过宿主检查参考视频时长、画面和声音，不从缩略图推测影片。

需要检查的限制

  • 制作需要宿主工具该 skill 不授予工具访问权限、不创建渲染器，也不配置 OpenDesign 运行时。仅下载 SKILL.md 无法获得宿主媒体命令。
  • 不是 LottieFiles 的 Skill这是参考多种公开方法的 OpenDesign 原创辅助工具，与目录中已有的 LottieFiles motion-design skill 不同。
  • 参考素材大小限制已审宿主工作流拒绝超过 180 秒或 200 MB 的参考。参考获取失败必须取得可用文件，不能凭空猜素材。

请提供这些输入

  • 具体动效需求提供信息、受众、目标、时长、准确文案，并明确结果是影片还是交互。
  • 素材与声音方向提供有授权的界面、标志或参考视频，说明是否需要旁白、音乐、音效或有意静音。
  • 可用宿主项目使用具备必要媒体能力的 OpenDesign 任务。修改时指出已有源码和应变更元素。

03 关键决策

影响结果的关键选择

  1. 确定性时间定位

    场景状态必须支持前后定位。源文件排除未设种子的随机性，以及依赖导出时被抑制的时间线回调才能显示的内容。

  2. 源码与导出共用时钟

    主时间线时长须与合成元数据一致，并按真实秒数播放。改变时间线时长不能替代添加阅读停留。

  3. 影片包含实际渲染

    HTML 预览、排队任务或失败命令都不等于完成 MP4。视频交付同时保留源码和真实渲染文件。

  4. 小修改保持小范围

    只改一个标题或图片时，不动无关元素、节奏与声音。影响视频的编辑后需要重新渲染已有 MP4。

04 示例任务

从一份具体的需求开始

以下示例任务说明尚未经过测试。使用前请检查该技能的设置。

检查宿主要求

下方引用打开源文件，不是安装命令。请使用对应 OpenDesign 宿主工作流，并检查所需工具是否可用。

上游源文件
https://github.com/nexu-io/open-design/blob/5a0c47777975ddb91d09c1c16b423a3ef74bf572/skills/motion-design/SKILL.md

将文件导入其他智能体不会附带 OpenDesign 运行时或已认证服务。

描述当前任务

运行该技能之前,请根据需要调整此需求中的范围、来源材料和约束。

示例简报
在当前项目中使用 OpenDesign 的 motion-design 辅助工具，根据我提供的标志与准确文案制作 15 秒产品影片。用贯穿的视觉母题，展示分散任务汇聚成一个聚焦动作。制作前规划节奏与阅读停留。采用可用宿主工作流，保留可编辑 HTML 源码并渲染 MP4。不要编造产品承诺，也不要用预览代替视频。报告缺失素材或不可用渲染能力，区分已检查帧与未验证输出。

检查实际结果

根据以下可观察标准检查实际输出。

  • 提供的文案与产品主张保持准确，并有可阅读停留。
  • 源码时长、比例和时间线一致，场景可以前后定位。
  • 视频需求同时交付可编辑源码与真实 MP4，导出声音符合声明选择。

这是 OpenDesign 宿主专用工具。公开源码描述其行为；仓库可访问不代表每个已发布客户端版本都包含同一实现。

下载 OpenDesign阅读快速入门指南

05 来源与许可证

来源与许可证

本页面描述的是下方链接所指向的固定来源修订版本。上游行为和要求可能会发生变化。

来源所有者
OpenDesign
仓库
nexu-io/open-design
技能文件
SKILL.md
许可证
Apache-2.0 · skills directory policy
已审查的快照
2026-11-02 · 5a0c47777975
编辑来源摘要
对固定仓库版本中 motion-design 的编辑性复核。skills 目录声明默认采用 Apache-2.0，除非某 skill 有独立许可；此 skill 目录未发现单独许可文件。本条目未执行该工作流。

由 OpenDesign 根据所链接来源撰写的原创摘要。仓库星标数只是带有时间属性的受欢迎程度指标，并不代表技能使用量或质量评分。

06 开始前的问题

开始前可能想问

与 LottieFiles 的 motion-design 相同吗？

不同。OpenDesign 的 SOURCES.md 说明这是参考包括 LottieFiles 在内的公开方法形成的原创 skill。本页复核 OpenDesign 实现及其宿主专用工作流。

安装文件能让其他智能体导出 MP4 吗？

不能。文件提供指令，不提供 OpenDesign 媒体工具或运行时。完整制作依赖宿主能力，导入其他环境不代表有同等支持。

每项动效任务都会变成视频吗？

不会。视频需求要源码和 MP4，但指针驱动交互与 UI 微动效保持可运行 HTML 或代码。仅规划的请求不授权制作。

OpenDesign

规划动效，保留源码。

在可用 OpenDesign 宿主工作流中使用官方辅助工具。开始前明确所需运行时与服务依赖。

下载 OpenDesign浏览设计技能
上游源文件
https://github.com/nexu-io/open-design/blob/5a0c47777975ddb91d09c1c16b423a3ef74bf572/skills/motion-design/SKILL.md