01 功能说明
通过 HTTP 控制本地 Motion Canvas 编辑器，进行精确帧截图、场景图检查、设置调整和渲染操作。
motion-canvas-agent 通过本地 HTTP API 将智能体连接到运行中的 Motion Canvas 编辑器。它可以定位帧、截图、检查场景图、修改预览或渲染设置，并触发导出。播放器和渲染器仍由浏览器运行。
集成使用两个文件：Vite 服务端插件和 Motion Canvas 项目内的客户端插件。请求经开发服务器传到打开的浏览器。这让精确帧检查可以通过脚本执行，但需要实时编辑器连接，不是独立的无头渲染器。
预期交付物
把服务端插件加入 Vite，将客户端插件加入 Motion Canvas 项目。启动开发服务器，并在浏览器打开编辑器。
确认连接状态，设置预期尺寸，定位到精确帧。截图，并将场景图数值与可见结果比较。
检查错误，并区分预览设置与渲染设置。触发请求的导出，完成后验证真实产物。
02 适用场景
提供现有 Motion Canvas 项目，以及添加两个集成插件的权限。保持编辑器打开，再明确智能体应检查的帧和输出设置。
03 关键决策
代码修正后可重新查看同一帧。
场景图检查以具体节点值补充截图。
可以检查预览与渲染控制，而不是假定两者一致。
04 示例任务
以下示例任务说明尚未经过测试。使用前请检查该技能的设置。
提供 Motion Canvas 项目及添加两个集成文件的权限。
https://github.com/VideoZero/skills/blob/670ff96af6149f0ac8850380a466f073471e600c/motion-canvas-agent/SKILL.md下方链接会打开上游使用说明。使用前请查看仓库的环境配置要求；这不是安装命令。
运行该技能之前,请根据需要调整此需求中的范围、来源材料和约束。
插件连接后，使用 motion-canvas-agent 检查运行中的 Motion Canvas 序列。确认编辑器连接，然后按请求的 1920 × 1080 尺寸截取第一帧、数据包交接帧和最后一帧。检查数据包被裁切处的场景图，并检查错误端点。API 保持仅本地绑定。分别记录预览和渲染帧率，再触发已批准的渲染范围。只有实际导出文件存在且能播放后才报告交付，不要把渲染端点的确认视为导出完成。根据以下可观察标准检查实际输出。
OpenDesign 为编码智能体提供本地设计工作区。此条目并不表示该技能已内置，也不表示其中包含其外部工具、凭据和软件依赖项。
05 来源与许可证
本页面描述的是下方链接所指向的固定来源修订版本。上游行为和要求可能会发生变化。
670ff96af614对运行中的 Motion Canvas 编辑器进行时间定位、检查、截图和渲染。
由 OpenDesign 根据所链接来源撰写的原创摘要。仓库星标数只是带有时间属性的受欢迎程度指标，并不代表技能使用量或质量评分。
06 开始前的问题
https://github.com/VideoZero/skills/blob/670ff96af6149f0ac8850380a466f073471e600c/motion-canvas-agent/SKILL.md