Timeline‑Studio：基于Agent Skill，实现浏览器端AI智能体全自动剪辑

前言市面上多数AI剪辑产品本质是调用云端接口生成视频AI只能拿到最终生成结果无法真正操作编辑器UI界面。一旦碰到素材加载失败、弹窗、时间轴边界异常自动化流程直接中断。Timeline‑Studio是开源浏览器本地AI视频编辑器全部推理跑在WebGPUONNX Runtime‑Web素材不上传云端。项目自研一套Agent Skill标准化协议让AI智能体可以像人一样完成素材导入、轨道裁切、特效添加、AI模型调用、视频导出完整剪辑流程同时还可用于产品自动化回归测试。GitHub仓库Timeline Studio一、传统AI剪辑自动化的痛点仅有接口调用没有UI实操能力只能调用后台能力无法处理浏览器文件选择、弹窗、页面状态切换这类前端交互场景。缺少约束与异常降级遇到极短片段、渲染卡顿、资源加载失败直接崩溃没有重试、回滚逻辑。AI不受约束甚至会误改动工程配置。缺少编辑器领域的操作规范单纯依靠大模型提示词每次剪辑行为不可控输出结果波动巨大。二、什么是本项目的 Agent SkillSkill不是简单的Prompt提示词是一套给AI智能体使用、强约束的剪辑操作规范集合。项目内置核心技能包 edit‑timeline‑studio 开发者执行一行命令即可挂载全部剪辑能力bashnpx skills add “https://github.com/MartinDelophy/ai-video-editor”Skill内部定义整套行为契约原子动作定义导入素材、分割片段、移动轨道片段、添加描边/滤镜特效、调用WebGPU本地AI模型、触发导出环境区分区分开发环境、线上生产环境两套操作逻辑容错降级规则素材解析失败、弹窗拦截、文件选择器唤起异常的处理逻辑边界约束时间轴裁切边界、禁止随意修改本地缓存、短片段的处理规则。工作流程Agent接收自然语言指令例如“把采访素材剪辑成短视频添加人物描边”Agent读取Skill规范拆解任务输出结构化剪辑动作清单前端接收动作清单逐条在浏览器编辑器执行将执行结果、报错信息回传给AgentAgent判断继续执行或者终止任务。三、浏览器环境下的工程难点浏览器端运行Agent Skill对比后端服务智能体有很多独特限制WebGPU显存有限AI模型推理、视频解码共享显存Skill动作执行前后要做显存释放浏览器API不稳定文件选择器、WebCodecs解码存在兼容性Skill中必须内置重试降级页面状态不可控页面休眠、Tab切后台会中断任务Skill需要状态快照支持任务恢复无头模式兼容支持后台Headless运行Skill不依赖可视化UI界面用于批量剪辑与自动化测试。四、Skill除了做剪辑还能做什么全自动批量剪辑输入一批素材自然语言需求浏览器本地批量输出成片编辑器自动化测试AI按照Skill规则反复操作时间轴复现边界bug做回归测试二次开发扩展开发者可以新增自定义Skill动作接入自己的AI特效模块。五、总结Timeline‑Studio的Agent Skill核心价值把“人操作编辑器”的经验固化成AI可以读懂、可以严格遵守的操作契约。不依赖云端算力全部流程在浏览器本地闭环既实现AI自动剪辑又利用智能体完成产品自测为前端音视频编辑器的Agent落地提供一套可复用的实践方案。项目地址https://github.com/MartinDelophy/ai-video-editor#WebGPU #AI剪辑 #Agent #Skill #ONNXRuntimeWeb #开源项目 #前端音视频