用 goose Remotion 让 AI 编写 React 程序化视频Agent Skills 实战指南【免费下载链接】goosean open source, extensible AI agent that goes beyond code suggestions - install, execute, edit, and test with any LLM项目地址: https://gitcode.com/GitHub_Trending/goose3/goose本指南基于 goose 官方教程 remotion-video-creation.md讲解如何借助 Remotion Agent Skills让 goose 生成“代码写出来的视频”——即以 React 组件为描述语言、以命令行渲染为产出的程序化视频。你将掌握如何安装 Remotion Skills、如何为 goose 启用 Summon 扩展、如何通过一条自然语言指令驱动 goose 完成从工程初始化、逐帧动画编写到视频渲染的全流程并理解 Skill 与扩展在 goose 内部的发现与加载机制。为什么用 goose 生成程序化视频goose 是一个开源的、可扩展的 AI AgentRust 实现能力不止于代码建议它可以实际执行命令、编辑文件并完成端到端任务。Remotion 则是“用 React 写视频”的框架——视频中的每个画面都由 React 组件与useCurrentFrame()、spring 动画等原语驱动最终渲染为真正的 MP4 文件。二者的结合点在于Remotion Agent Skills它为 goose 补充了动画、合成composition、文字特效、视频渲染方面的最佳实践知识让 goose 在“写视频”时不再盲目猜测 API而是遵循一套经过验证的规则来组织帧、动效与输出。这正是 goose Agent Skills 机制的典型用途把领域专家知识沉淀为可被 agent 随时加载的指令集。前置条件与 Skills 安装按官方教程你需要准备以下环境Node.js 18 或更高版本——Remotion 渲染管线依赖 Node 生态。安装 Remotion Agent Skills在终端执行npx skills add remotion-dev/skills该命令会把社区维护的remotion-dev/skills仓库安装为全局技能。安装后典型结构是用户主目录下的~/.agents/skills/remotion-best-practices/其中包含按主题组织的规则文件例如rules/animations.md动画规则。从 goose 运行日志可见goose 实际会按路径读取这些规则文件来武装自己。许可证提示引自官方教程Remotion 对个人与小团队免费但3 名及以上员工的公司需要商业许可证。在生产或团队环境中使用前请自行确认 Remotion 授权条款。Skill 放哪里、长什么样理解 goose 能发现上述技能需要先了解 Skill 的存放约定详见 using-skills.md 与源码 crates/goose/src/skills/mod.rs全局技能目录~/.agents/skills/所有会话可见源码函数global_skills_dir()见crates/goose/src/skills/mod.rs项目级技能目录.agents/skills/仅当前项目生效源码函数project_skills_dir()同上为兼容旧工具链goose 也向后兼容发现.goose/skills/、.claude/skills/等目录但agents/skills/是推荐标准。每个技能是一个命名子目录下的SKILL.md文件使用带 YAML frontmatter 的 Markdownfrontmatter 中的name与description在会话启动时被 goose 扫描并写进指令摘要discover_skills()会递归遍历各目录中的SKILL.md并解析 frontmatter 生成SourceEntry见 crates/goose/src/skills/mod.rs当任务与技能匹配或用户显式要求时goose 才把完整正文加载进上下文。技能还可以携带setup.sh、模板等支持文件goose 加载后会列出相对路径供其通过文件工具读取。配置为 goose 启用 Summon 扩展要让 goose 在会话中加载并使用 Agent Skills教程要求启用Summon 扩展。Summon 是 goose 内置的平台扩展之一注册于 crates/goose/src/agents/platform_extensions/mod.rs实现见 crates/goose/src/agents/platform_extensions/summon.rs。关于该扩展更完整的说明见 Summon 扩展文档——需要注意此前的Skills 扩展在 v1.25.0 已被废弃并迁移到 Summon见 skills-mcp.mdSummon 自 v1.25.0 起可用。goose Desktop桌面端启用方式在桌面应用中找到内置扩展Summon描述为 “Load sources and delegate tasks to subagents”直接启用即可无需手动编辑配置。goose CLI 启用方式运行配置命令goose configure选择Toggle Extensions┌ goose-configure │ ◇ What would you like to configure? │ Toggle Extensions │ ◆ Enable extensions: (use space to toggle and enter to submit) │ ● summon │ └ Extension settings updated successfully用空格勾选summon回车提交配置即生效。泛化地讲所有扩展的启用/停用都可走同一入口详见 using-extensions.md。Summon 为 goose 提供了什么从源码看Summon 注册了两个工具create_load_tool()与create_delegate_tool()见 crates/goose/src/agents/platform_extensions/summon.rsload把某个 sourceRecipes / Agents / Skills 等的完整内容加载到当前上下文成为 goose 的“知识”不带参数调用load()会列出当前可用的全部 source。delegate把任务委派给一个独立的 subagent 执行返回其结果配合async: true可后台并行执行随后用load(source: task_id)回收结果。这正是本文示例中load | summon日志行的由来goose 通过 summon 提供的load工具读取了 Remotion 技能规则例如reading ~/.agents/skills/remotion-best-practices/rules/animations.md。实战让 goose 创作“终端风格 Git 工作流”视频教程给出的目标是用一条自然语言提示生成一段展示 Git 工作流的终端风格视频包含打字机特效、真实的终端输出以及结尾的庆祝动画。官方示例使用的 LLM 为Anthropic 的 Claude Opus 4.5。发给 goose 的 PromptCreate a terminal-style video showing a git workflow: type out git add ., then git commit -m feat: add new feature, then git push origin main. Each command should appear with a typewriter effect, followed by realistic output. End with Deployed to production 要点拆解提示词同时约束了主题终端中的 git 工作流、指令序列git add .→git commit -m feat: add new feature→git push origin main、表现手法打字机逐字出现、真实感输出与收尾文案Deployed to production 。越是精确地描述期望画面与交互细节越能引导 goose 生成符合预期的动画代码。goose 的执行轨迹官方输出日志goose 并不是直接“画”视频而是像真实开发者一样逐步搭建工程整个调用链如下─── load | summon ─────────────────────────────────────── source: remotion-best-practices reading ~/.agents/skills/remotion-best-practices/rules/animations.md ─── shell | developer ───────────────────────────────────────── mkdir -p git-terminal-video cd git-terminal-video npm init -y ─── shell | developer ───────────────────────────────────────── npm install remotion remotion/cli react react-dom typescript types/react ─── text_editor | developer ─────────────────────────────────── writing git-terminal-video/src/GitTerminal.tsx ─── text_editor | developer ─────────────────────────────────── writing git-terminal-video/src/Root.tsx ─── text_editor | developer ─────────────────────────────────── writing git-terminal-video/remotion.config.ts ─── shell | developer ───────────────────────────────────────── npx remotion render GitTerminal out/git-workflow.mp4 ✓ Video rendered successfully ✅ Git Terminal Video Created Location: git-terminal-video/out/git-workflow.mp4这段日志清晰地展示了三层结构知识层load | summon把remotion-best-practices技能尤其是动画规则读进上下文——对应 Summon 的load(source: ...)行为工程层goose 用shell工具创建git-terminal-video目录并npm init -y随后安装 Remotion 全家桶依赖实现与产出层用text_editor编写src/GitTerminal.tsx终端组件/动画主体、src/Root.tsxRemotion 合成入口与remotion.config.ts渲染配置最后执行npx remotion render GitTerminal out/git-workflow.mp4完成渲染。产出的视频规格Video Details ├── Duration: 14 seconds (420 frames 30fps) ├── Resolution: 1280x720 (HD) ├── Size: ~875 KB └── Codec: H.264即一段 30fps、共 420 帧、约 14 秒的 720p H.264 视频体积约 875KB。这些细节也提醒我们goose 生成的 Remotion 工程遵循“先写 React 组件 → 用 CLI 渲染成帧序列并编码”的标准流程。视频内容与动画特性官方输出对成品内容做了结构化总结终端窗口macOS 风格、带红黄绿交通灯按钮打字机式命令序列依次呈现~/my-project ❯ git add .、git commit -m feat: add new feature附带真实感的“files changed”输出、git push origin main附带enumerating/compressing/writing推送输出结尾文案Deployed to production 带弹跳动画收尾。底层动画能力来自 Remotion 技能与代码的配合输入时闪烁的光标blinking cursor分行延时显现的输出staggered output reveal提示符 / 命令 / 输出三类内容的着色区分color-coded syntax成功消息的 spring 弹跳动画spring animations漂浮并弹跳的火箭动画animated rocket。由于这段视频完全由 React 组件 参数驱动你完全可以通过修改 Prompt换一组命令、换提示语、换分辨率让 goose 产出风格相近但内容不同的变体。源码视角goose 如何“学会”这些技巧为便于你在此基础上定制下面把本教程背后的两套源码机制串起来技能发现goose 启动时调用discover_skills()crates/goose/src/skills/mod.rs递归扫描全局与项目级技能目录中的SKILL.md解析 frontmatter 得到技能名与描述正文则延迟到真正加载时才写入上下文loaded_skill_context()会按# Loaded Skill: name# Content的格式拼接便于模型定位。这解释了为何 goose 能在需要渲染视频的瞬间“想得起”动画最佳实践。按需加载/委派加载动作由 Summon 扩展的load/delegate工具完成crates/goose/src/agents/platform_extensions/summon.rs。load(source: remotion-best-practices)读取技能规则正文若任务是更重的“帮我做 A/B 两版再对比”也可用delegate(source: ..., async: true)派发给子代理并行处理。从源码结构看Summon 的 source 发现逻辑discover_filesystem_sources()覆盖本地与全局的 recipes/agents 目录如.goose/recipes、.agents/recipes、.agents/agents并对搜索结果做 60 秒缓存get_filesystem_sources()保证多轮会话中重复加载的高效性。排查与延伸建议看不到视频相关技能确认npx skills add remotion-dev/skills已成功且技能目录落在 goose 的发现路径内全局~/.agents/skills/或项目内.agents/skills/。不确定 goose 能做什么直接问 goose “what skills are available”或在 CLI 中运行goose skills list、在会话内用/skills name按名加载技能见 using-skills.md。扩展未生效回到goose configure→Toggle Extensions确认summon处于勾选状态v1.25.0 之前请改用 Skills 扩展现已废弃详见 skills-mcp.md。生成产物不理想在 Prompt 中补充约束期望时长、分辨率、配色、字体、动画节奏如“每条命令间隔 40 帧”。因 goose 已加载动画规则越具体的帧级描述越容易被精确实现。复刻本教程原文见 documentation/docs/tutorials/remotion-video-creation.md涉及 Summon 的更多用法如用自然语言触发load()/delegate(source, async)见 summon-mcp.md。小结本文演示了一条可复用的“领域技能驱动 AI 产出多媒体内容”路径安装 Remotion Agent Skills → 启用 goose 的 Summon 扩展 → 用自然语言描述视频 → goose 自动完成工程搭建、React 动画编写与 CLI 渲染。其通用性在于只要把领域最佳实践沉淀为标准 Skillgoose 便能在任何类似场景中扮演“资深视频工程师”把抽象描述转化为可运行的代码与真实的 MP4 成品。【免费下载链接】goosean open source, extensible AI agent that goes beyond code suggestions - install, execute, edit, and test with any LLM项目地址: https://gitcode.com/GitHub_Trending/goose3/goose创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 用 goose + Remotion 让 AI 编写 React 程序化视频：Agent Skills 实战指南
用 goose Remotion 让 AI 编写 React 程序化视频Agent Skills 实战指南【免费下载链接】goosean open source, extensible AI agent that goes beyond code suggestions - install, execute, edit, and test with any LLM项目地址: https://gitcode.com/GitHub_Trending/goose3/goose本指南基于 goose 官方教程 remotion-video-creation.md讲解如何借助 Remotion Agent Skills让 goose 生成“代码写出来的视频”——即以 React 组件为描述语言、以命令行渲染为产出的程序化视频。你将掌握如何安装 Remotion Skills、如何为 goose 启用 Summon 扩展、如何通过一条自然语言指令驱动 goose 完成从工程初始化、逐帧动画编写到视频渲染的全流程并理解 Skill 与扩展在 goose 内部的发现与加载机制。为什么用 goose 生成程序化视频goose 是一个开源的、可扩展的 AI AgentRust 实现能力不止于代码建议它可以实际执行命令、编辑文件并完成端到端任务。Remotion 则是“用 React 写视频”的框架——视频中的每个画面都由 React 组件与useCurrentFrame()、spring 动画等原语驱动最终渲染为真正的 MP4 文件。二者的结合点在于Remotion Agent Skills它为 goose 补充了动画、合成composition、文字特效、视频渲染方面的最佳实践知识让 goose 在“写视频”时不再盲目猜测 API而是遵循一套经过验证的规则来组织帧、动效与输出。这正是 goose Agent Skills 机制的典型用途把领域专家知识沉淀为可被 agent 随时加载的指令集。前置条件与 Skills 安装按官方教程你需要准备以下环境Node.js 18 或更高版本——Remotion 渲染管线依赖 Node 生态。安装 Remotion Agent Skills在终端执行npx skills add remotion-dev/skills该命令会把社区维护的remotion-dev/skills仓库安装为全局技能。安装后典型结构是用户主目录下的~/.agents/skills/remotion-best-practices/其中包含按主题组织的规则文件例如rules/animations.md动画规则。从 goose 运行日志可见goose 实际会按路径读取这些规则文件来武装自己。许可证提示引自官方教程Remotion 对个人与小团队免费但3 名及以上员工的公司需要商业许可证。在生产或团队环境中使用前请自行确认 Remotion 授权条款。Skill 放哪里、长什么样理解 goose 能发现上述技能需要先了解 Skill 的存放约定详见 using-skills.md 与源码 crates/goose/src/skills/mod.rs全局技能目录~/.agents/skills/所有会话可见源码函数global_skills_dir()见crates/goose/src/skills/mod.rs项目级技能目录.agents/skills/仅当前项目生效源码函数project_skills_dir()同上为兼容旧工具链goose 也向后兼容发现.goose/skills/、.claude/skills/等目录但agents/skills/是推荐标准。每个技能是一个命名子目录下的SKILL.md文件使用带 YAML frontmatter 的 Markdownfrontmatter 中的name与description在会话启动时被 goose 扫描并写进指令摘要discover_skills()会递归遍历各目录中的SKILL.md并解析 frontmatter 生成SourceEntry见 crates/goose/src/skills/mod.rs当任务与技能匹配或用户显式要求时goose 才把完整正文加载进上下文。技能还可以携带setup.sh、模板等支持文件goose 加载后会列出相对路径供其通过文件工具读取。配置为 goose 启用 Summon 扩展要让 goose 在会话中加载并使用 Agent Skills教程要求启用Summon 扩展。Summon 是 goose 内置的平台扩展之一注册于 crates/goose/src/agents/platform_extensions/mod.rs实现见 crates/goose/src/agents/platform_extensions/summon.rs。关于该扩展更完整的说明见 Summon 扩展文档——需要注意此前的Skills 扩展在 v1.25.0 已被废弃并迁移到 Summon见 skills-mcp.mdSummon 自 v1.25.0 起可用。goose Desktop桌面端启用方式在桌面应用中找到内置扩展Summon描述为 “Load sources and delegate tasks to subagents”直接启用即可无需手动编辑配置。goose CLI 启用方式运行配置命令goose configure选择Toggle Extensions┌ goose-configure │ ◇ What would you like to configure? │ Toggle Extensions │ ◆ Enable extensions: (use space to toggle and enter to submit) │ ● summon │ └ Extension settings updated successfully用空格勾选summon回车提交配置即生效。泛化地讲所有扩展的启用/停用都可走同一入口详见 using-extensions.md。Summon 为 goose 提供了什么从源码看Summon 注册了两个工具create_load_tool()与create_delegate_tool()见 crates/goose/src/agents/platform_extensions/summon.rsload把某个 sourceRecipes / Agents / Skills 等的完整内容加载到当前上下文成为 goose 的“知识”不带参数调用load()会列出当前可用的全部 source。delegate把任务委派给一个独立的 subagent 执行返回其结果配合async: true可后台并行执行随后用load(source: task_id)回收结果。这正是本文示例中load | summon日志行的由来goose 通过 summon 提供的load工具读取了 Remotion 技能规则例如reading ~/.agents/skills/remotion-best-practices/rules/animations.md。实战让 goose 创作“终端风格 Git 工作流”视频教程给出的目标是用一条自然语言提示生成一段展示 Git 工作流的终端风格视频包含打字机特效、真实的终端输出以及结尾的庆祝动画。官方示例使用的 LLM 为Anthropic 的 Claude Opus 4.5。发给 goose 的 PromptCreate a terminal-style video showing a git workflow: type out git add ., then git commit -m feat: add new feature, then git push origin main. Each command should appear with a typewriter effect, followed by realistic output. End with Deployed to production 要点拆解提示词同时约束了主题终端中的 git 工作流、指令序列git add .→git commit -m feat: add new feature→git push origin main、表现手法打字机逐字出现、真实感输出与收尾文案Deployed to production 。越是精确地描述期望画面与交互细节越能引导 goose 生成符合预期的动画代码。goose 的执行轨迹官方输出日志goose 并不是直接“画”视频而是像真实开发者一样逐步搭建工程整个调用链如下─── load | summon ─────────────────────────────────────── source: remotion-best-practices reading ~/.agents/skills/remotion-best-practices/rules/animations.md ─── shell | developer ───────────────────────────────────────── mkdir -p git-terminal-video cd git-terminal-video npm init -y ─── shell | developer ───────────────────────────────────────── npm install remotion remotion/cli react react-dom typescript types/react ─── text_editor | developer ─────────────────────────────────── writing git-terminal-video/src/GitTerminal.tsx ─── text_editor | developer ─────────────────────────────────── writing git-terminal-video/src/Root.tsx ─── text_editor | developer ─────────────────────────────────── writing git-terminal-video/remotion.config.ts ─── shell | developer ───────────────────────────────────────── npx remotion render GitTerminal out/git-workflow.mp4 ✓ Video rendered successfully ✅ Git Terminal Video Created Location: git-terminal-video/out/git-workflow.mp4这段日志清晰地展示了三层结构知识层load | summon把remotion-best-practices技能尤其是动画规则读进上下文——对应 Summon 的load(source: ...)行为工程层goose 用shell工具创建git-terminal-video目录并npm init -y随后安装 Remotion 全家桶依赖实现与产出层用text_editor编写src/GitTerminal.tsx终端组件/动画主体、src/Root.tsxRemotion 合成入口与remotion.config.ts渲染配置最后执行npx remotion render GitTerminal out/git-workflow.mp4完成渲染。产出的视频规格Video Details ├── Duration: 14 seconds (420 frames 30fps) ├── Resolution: 1280x720 (HD) ├── Size: ~875 KB └── Codec: H.264即一段 30fps、共 420 帧、约 14 秒的 720p H.264 视频体积约 875KB。这些细节也提醒我们goose 生成的 Remotion 工程遵循“先写 React 组件 → 用 CLI 渲染成帧序列并编码”的标准流程。视频内容与动画特性官方输出对成品内容做了结构化总结终端窗口macOS 风格、带红黄绿交通灯按钮打字机式命令序列依次呈现~/my-project ❯ git add .、git commit -m feat: add new feature附带真实感的“files changed”输出、git push origin main附带enumerating/compressing/writing推送输出结尾文案Deployed to production 带弹跳动画收尾。底层动画能力来自 Remotion 技能与代码的配合输入时闪烁的光标blinking cursor分行延时显现的输出staggered output reveal提示符 / 命令 / 输出三类内容的着色区分color-coded syntax成功消息的 spring 弹跳动画spring animations漂浮并弹跳的火箭动画animated rocket。由于这段视频完全由 React 组件 参数驱动你完全可以通过修改 Prompt换一组命令、换提示语、换分辨率让 goose 产出风格相近但内容不同的变体。源码视角goose 如何“学会”这些技巧为便于你在此基础上定制下面把本教程背后的两套源码机制串起来技能发现goose 启动时调用discover_skills()crates/goose/src/skills/mod.rs递归扫描全局与项目级技能目录中的SKILL.md解析 frontmatter 得到技能名与描述正文则延迟到真正加载时才写入上下文loaded_skill_context()会按# Loaded Skill: name# Content的格式拼接便于模型定位。这解释了为何 goose 能在需要渲染视频的瞬间“想得起”动画最佳实践。按需加载/委派加载动作由 Summon 扩展的load/delegate工具完成crates/goose/src/agents/platform_extensions/summon.rs。load(source: remotion-best-practices)读取技能规则正文若任务是更重的“帮我做 A/B 两版再对比”也可用delegate(source: ..., async: true)派发给子代理并行处理。从源码结构看Summon 的 source 发现逻辑discover_filesystem_sources()覆盖本地与全局的 recipes/agents 目录如.goose/recipes、.agents/recipes、.agents/agents并对搜索结果做 60 秒缓存get_filesystem_sources()保证多轮会话中重复加载的高效性。排查与延伸建议看不到视频相关技能确认npx skills add remotion-dev/skills已成功且技能目录落在 goose 的发现路径内全局~/.agents/skills/或项目内.agents/skills/。不确定 goose 能做什么直接问 goose “what skills are available”或在 CLI 中运行goose skills list、在会话内用/skills name按名加载技能见 using-skills.md。扩展未生效回到goose configure→Toggle Extensions确认summon处于勾选状态v1.25.0 之前请改用 Skills 扩展现已废弃详见 skills-mcp.md。生成产物不理想在 Prompt 中补充约束期望时长、分辨率、配色、字体、动画节奏如“每条命令间隔 40 帧”。因 goose 已加载动画规则越具体的帧级描述越容易被精确实现。复刻本教程原文见 documentation/docs/tutorials/remotion-video-creation.md涉及 Summon 的更多用法如用自然语言触发load()/delegate(source, async)见 summon-mcp.md。小结本文演示了一条可复用的“领域技能驱动 AI 产出多媒体内容”路径安装 Remotion Agent Skills → 启用 goose 的 Summon 扩展 → 用自然语言描述视频 → goose 自动完成工程搭建、React 动画编写与 CLI 渲染。其通用性在于只要把领域最佳实践沉淀为标准 Skillgoose 便能在任何类似场景中扮演“资深视频工程师”把抽象描述转化为可运行的代码与真实的 MP4 成品。【免费下载链接】goosean open source, extensible AI agent that goes beyond code suggestions - install, execute, edit, and test with any LLM项目地址: https://gitcode.com/GitHub_Trending/goose3/goose创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考