Wiki 知识库

全部文档 / 标签: Remotion

65 篇
清除

我评估了 369 个 Claude/CodeX AI 视频与自动化剪辑开源项目

作者系统整理了 369 个开源仓库清单,聚焦于能让 Claude Code、Codex 等编程 Agent 实现视频生成、自动化剪辑与代码动效渲染的工具、Skill 和提示词库。文章收录规则强调视频/动效产出、专供 Agent 调用、完整文档三大标准,并打破高星滤镜。重点介绍了四大现象级框架:lemo-opuscar(59 种风格引擎)、huashu-art-motion(艺术动画)、huashu-motion(商业发布片)、sweety-handdraw-video(手绘口播流水线),以及自动化剪辑、代码直出成片、数字人与音乐 MV 等垂直领域的硬核项目,最后给出 2026 年 AI 视频生产工具选型决策表。

技术 › Claude Code 刘老板 2026-10-2811.9 KB 26K 273 85

装完 Codex 不知道干什么:10 个 GitHub Skills 打造视频变现工作流

文章介绍了 10 个可安装在 Codex 上的 GitHub Skills,覆盖视频制作全流程:HyperFrames 一句话生成动效视频、video-use 智能剪辑、Remotion 用代码批量做视频、ffmpeg-skill 万能剪辑工具箱、agent-caption 自动字幕、多语言字幕翻译与配音、App/SaaS 宣传视频制作、浏览器操作演示录制,以及 imagegen 自动补素材。作者强调工具装完要跑通能收钱的工作流,建议以 SaaS 产品宣传视频为切入,直接向独立开发者售卖成品视频结果,而非泛泛的 AI 视频服务。

Opus 5.5: Motion Engineering 完全指南

本文介绍了如何使用 Claude Code 搭配 Opus 5.5 模型,在 15 分钟内生成完整动态视频的完整流程。文章涵盖初始设置(Claude Code、HyperFrames/Remotion 视频框架、动态设计 Skill)、创意简报撰写的八个关键要素(角色、格式、故事、视觉风格、排版、动效语言、音频、禁忌事项),并提供可直接使用的提示词模板。还分享了进阶技巧,包括创建自定义品牌 Skill、控制节奏、使用真实素材文件、逐场景拆解等方法,适用于产品发布视频、产品更新、个人品牌等场景。

技术 › Claude AI Edge 2026-10-2614.0 KB 82.9K 156 86

用 Claude Code + DeepSeek 1017 低成本制作 Remotion 视频

作者分享使用 Claude Code 配合 DeepSeek Flash 1017 模型制作两个 Remotion 视频的经历,总成本不到 3 元。一个视频作为个人介绍页的开屏动画,另一个是 52 秒的 Media Kit 视频。作者基本只负责描述想法,通过开启 xhigh 思考模式、配置 workflow 并挂载 remotion-best-practices skill,模型即可直接实现效果。文章还介绍了该 skill 的路由机制:平时只占一句描述的上下文,需要时才按需读取转场、字幕、音效等子文档。作者提到之前担心的缓存命中问题已不存在,命中率超过 98%。

技术 › Claude Code Chasen (@chasen_liao) 2026-10-252.9 KB 53

用 Claude 做动画,全网最全攻略:4 条路线、11 种风格、30+ 工具和案例

作者分享了用 Claude 编写程序生成动画的完整攻略。Claude 不直接生成视频画面,而是通过写代码逐帧渲染视频。文章梳理了 4 条技术路线:代码生成视频(Remotion、HyperFrames、Manim 等)、网页即动画(Claude Artifacts、p5.js、Three.js)、通过 MCP 操作专业软件(Blender、After Effects),以及 AI 素材与代码组装的混合编排。同时总结 11 种动画风格,包括产品发布片、动态排版、数据信息图、数学讲解、名画风、生成艺术、3D 场景等,每种风格附样例、适用场景和工具推荐,并附有素材来源、提示词模板、做片流程和开源 skill,是一份可直接上手的实操指南。

技术 › Claude Xian | 弦 2026-10-2227.1 KB 16.9K 197 86

拆解 9 个方法:让 AI 写代码帮你做视频起号

文章系统介绍了用代码(而非视频模型)生成 AI 视频的 9 种技术原理,分为四类:网页动画类(HyperFrames、Remotion、Motion Canvas),适合主流视频制作;去 AI 味类(rough.js 手绘线条、分层插画、p5.brush 数字水彩);数学板书与地图路线类(Manim、基于 TTS 时间戳的地图路线动画及自研 map-motion skill);3D 类(three.js 镜头曲线、Blender MCP)。代码动画相比视频模型可复现、可精确修改,作者推荐新手从生态最丰富的 HyperFrames 入手,并附开源地址和教程链接。

技术 › Skill 北衡 2026-10-2211.8 KB 2.9K 29 84

Motion Engineering: 一个 Agent 打造五个部门的动画工作室

文章介绍如何将 Claude Opus 5.5 变成一个完整的动画制作团队,通过设立导演、艺术总监、动画师、渲染工程师和评审五个“部门”,让一个 agent 依次完成故事策划、视觉设计、动画编码、渲染和质检的全流程。作者强调关键不在模型本身,而是围绕模型构建的生产系统:使用 Claude Code 作为 agent、Remotion 作为视频框架、FFmpeg 处理媒体。模型不直接生成像素,而是编写产生帧的代码,使首个视频成为后续的基础。真正的“一次成型”背后往往是详尽的提示词、参考资料和生产环境,工作室化流程才是可复现视频创作的核心。

技术 › Claude Mori 2026-10-2139.0 KB 500.5K 359 85

Agent 做视频:7 套现成 Skills 直接抄作业

文章介绍七套可直接用于 Claude Code、Cursor、Codex 等 Agent 的视频制作 Skills。OpenMontage 提供从选题到渲染的全流程视频工厂能力;HyperFrames 用 HTML 加 Puppeteer 和 FFmpeg 做代码驱动渲染;Hypit 擅长拆解爆款视频并批量生成变体;video-use 把视频转成文字和关键帧,让模型对话式完成粗剪;Claude Code Video Toolkit 用云 GPU 跑开源模型串起配音、生图、数字人到成片;MoneyPrinterTurbo 面向短视频批量生产;Remotion Skills 用 React 代码做可批量化修改的视频。作者建议从最繁琐的环节入手逐步搭建视频自动化流程。

技术 › Skill 北衡 2026-10-216.7 KB 3.9K 53 78

拆解 9 个方法,让 AI 写代码帮你做视频起号

文章系统拆解了用 AI 写代码制作视频的 9 个技术方法,涵盖四大类型:一是网页渲染路线(HyperFrames、Remotion、Motion Canvas),借助浏览器逐帧截图生成视频;二是去除 AI 味的手绘风格(rough.js、分层插画、水彩动画叠层原理);三是数学板书 Manim 与地图路线动画(结合 TTS 时间戳与高德地图的 map-motion skill);四是 3D 视频制作(three.js 镜头曲线与 Blender MCP)。相比视频模型,代码动画可复现、可精确修改,作者推荐新手从生态最丰富的 HyperFrames 入手,并附开源地址与教程链接。

技术 › 工具与效率 空格.space 2026-10-2112.1 KB 10K 121 87

不到两天108万播放!Opus 5.5 抖音起号「超级保姆级」万字教程:从注册到废号轮回,一步不落

作者分享了用 Opus 5.5 制作抖音知识科普视频的完整起号 SOP。其一条视频两天内获得 108 万播放、2.7 万点赞。教程覆盖账号全生命周期:注册账号、设置名字头像简介、养号模拟正常用户、在 Vibe知识大赏话题下找几小时内爆发的最新爆款、用开源 Remotion 工程配合视频蒸馏 Skill 拆解爆款风格并复刻出更好的版本、注重音乐重拍与画面卡点、发布后根据 6 小时数据诊断、隐藏低播放视频、投抖加火上浇油,以及废号注销重来。方法同样适用于视频号和小红书。

技术 › Skill 蔚蓝WEILANX 2026-10-1834.1 KB 258.1K 1.7K 91

Opus 5.5 动效视频生成提示词:抵得上百万特效设计师

文章分享了一个用于 Claude Opus 5.5 的高质量动效视频生成提示词,该提示词可让 AI 用代码完成从设计、动画、配乐到质检的完整视频制作。提示词采用结构化设计,包含角色定义、需求简报、四种创作模式(作品集、产品片、发布故事、讲解片)、素材处理规范、动效技巧、音频制作、构建流程、评审循环和质量标准等模块。其核心亮点包括:独立的评审子代理机制、基于 facts.json 的事实核查、逐帧渲染的工程质量要求,以及'与顶尖作品同台不露怯'的质量标准。

技术 › LLM 米开朗基杨 (@CarsonYangk8s) 2026-10-189.7 KB 82

用 AI 全自动做视频:开源 AI 视频制作器 + Skill

程序员鱼皮分享了让 Claude Opus 5.5 通过写代码自动制作产品宣传视频的方法:AI 基于 Remotion 框架把每个画面做成动效网页,再逐帧截图拼合成视频,文字和产品界面精确可控。作者开源了《AI 产品宣传视频制作器》,包含写给 AI 的工作规范、Remotion 模板和辅助脚本。使用时只需一句话描述需求,AI 会自动调研产品、确认需求、生成多种风格小样,完成写脚本、截图、配乐、配音到剪辑的全流程,几十块钱即可产出 4K 宣传片,附带 80 多条踩坑记录。

技术 › Skill 程序员鱼皮 2026-10-1211.3 KB 5.3K 19 83

从 15 秒样片到海外客户变现:用 Opus 5.5 搭建一人动效工作室全流程

文章详细讲解如何使用 Opus 5.5 搭配 Remotion 搭建一人动效工作室的完整流程。以一个 15 秒 SaaS 概念样片为例,依次介绍需求分镜、动画实现、声音设计、竖版适配与交付整理等环节,每个环节均配有可复制的 Prompt 和验收要点。样片完成后,进一步讲解如何借助研究工具寻找海外客户需求、核算报价、撰写英文提案,并通过 Upwork 等平台承接项目实现变现。文中还强调了交付后记录过程、迭代复用的重要性,为希望以 AI 编码能力开展视频动效接单的独立创作者提供了可落地的操作指南。

技术 › Claude gKev1n 2026-10-0617.3 KB 5.7K 43 80

如何用 Opus 5.5 & Fable 5.5 做动效设计从零赚钱

本文介绍如何利用 Opus 5.5 与 Claude Code 结合 Remotion 制作 SaaS 产品动效视频并变现。作者详细讲解了从选择客户需求(如 Upwork 上预算 $300 的 15 秒产品演示视频)开始,搭建开发环境、撰写故事板与视觉风格指南、用 Claude Code 生成 Remotion 代码渲染视频的完整流程。文章强调先确定交付目标再做效果,保持界面原创并标注'概念演示',通过帧驱动动画便于修改,并引用多个真实案例说明 AI 动效制作已将成本从 $1000 降至 30 分钟完成。

技术 › Claude codila 2026-10-0634.1 KB 850.9K 1.1K 76

Motion Engineering: 用 Opus 5.5 搭建视频工作室

文章介绍如何围绕 Claude Opus 5.5 构建程序化视频生产系统。作者 rari 指出,大多数用 Opus 5.5 制作的demo千篇一律,差异不在提示词,而在模型周围的系统工程。核心思路是让模型编写帧函数,渲染器跨时间轴生成视频,从而实现可控、可修订的视频制作。文章提出工作室五层架构:导演(明确目标)、参考(视觉规范)、时间轴(叙事节拍)、渲染器(Canvas/SVG、Remotion、HyperFrames)和评审循环,强调把决策显式化,避免模型用默认视觉方案填充空白,最终产出可复用的视频生产流程。

技术 › Claude rari 2026-10-0517.6 KB 698.9K 1.1K 83

100+ Copy-Paste Prompts To Create Videos With Opus 5.5

作者介绍了如何使用 Claude Opus 5.5 通过提示词生成动态图形视频,替代昂贵的动态设计师。传统上聘请动效设计师每月需 5000-6000 美元,制作 60 秒动画解说视频需 2-3 周,而使用 Opus 5.5 只需一个提示词即可在 10 分钟内生成发布视频。文章分享了 5 个经过测试的动效提示词及其实际生成的视频,并为付费会员提供涵盖 10 个类别的 100+ 提示词库。示例提示词详细展示了如何用 Remotion (React) 生成品牌动效视频,包括品牌配色、字体、动画平滑度控制、代码合成音乐、场景设计等完整规范,全程无需第三方视频或音频工具,所有帧和音效均由代码渲染合成。

技术 › Claude H Hamza Khalid 2026-10-0342.2 KB 71

全网首发!用 Codex 自动生成顶尖动效视频

作者分享了用 Codex 自动生成高质量动效视频的完整方法论。核心观点是:同样使用 Opus 5.5,出神作还是废片的差距在于是否提供完整的导演层上下文,包括参考、分镜、节拍、物理、分层渲染、音效和自动自检的整套制作链。文章详细介绍了动效制作的基础概念(分镜、层次、错相、节拍等)、导演层 Brief 的编写、整片制作顺序、运动语言(预备-拉伸-冲击-压扁-回稳)、物理效果(重力、碰撞、弹性)、光源细节、音效节拍对齐等实操要点,并推荐了 Remotion、HyperFrames、ChatCut 等工具,以及开源参考仓库 awesome-ai-motion。

技术 › Codex 观默 2026-09-3011.3 KB 265.1K 1.1K 79

Claude Opus 5.5 是怎么做出视频的

文章解析了 Claude Opus 5.5 制作视频的原理:它并非视频模型,而是通过编写程序逐帧绘制画面,再用浏览器截图、FFmpeg 合成 MP4。全流程分为五步:规划(脚本与分镜)、画面(HTML/SVG/three.js 等代码绘制)、动作(GSAP 或 Remotion 时间轴)、声音(TTS 配音作为全片时钟)、拍摄与合成(无头浏览器逐帧截图加 FFmpeg 拼接)。文章还介绍了 HyperFrames 和 Remotion 等现成工具,对比了代码视频与 Seedance、可灵等视频生成模型的优劣,并指出其局限与成本。

技术 › Claude 宝玉 2026-09-3018.1 KB 144.8K 954 86

零基础入门Opus5.5做视频,万字拆解AI是如何用代码做视频的【提示词+Skill全开源】

文章系统讲解了如何用 Claude Opus 5.5 通过写代码的方式制作 AI 视频。作者指出 Opus 并不能直接生成视频,而是通过生成网页代码绘制每一帧画面,再截图合成为 MP4。文章详细介绍了七类实现方案:Canvas 2D、HTML/CSS/SVG、WebGL 着色器、Three.js、p5.js、HyperFrames/Remotion 和 Manim,并通过像素巫师、界面动效、游戏史短片、舞蹈视频、AI 发展史等五个案例拆解代码组合方式与提示词设计技巧,附完整提示词和开源 Skill,帮助零基础读者快速上手。

技术 › Claude xilo 2026-09-2932.7 KB 699.1K 2.6K 91

107 个不到 50 星的宝藏:能让 Claude 做视频的 180 个开源 Skill 全分类

作者使用 AI 助手 Jev 逐个阅读 README,将 180 个能让 Claude Code、Codex 等 agent 直接做视频、剪辑、动效的开源 skill 和工具包分为 10 个类别并做安全评级,以约 200 美元成本产出开源仓库和在线筛选页面,每 8 小时刷新。文章介绍了各分类分布:剪辑与后期 35 个、讲解科普 32 个、框架 29 个等,重点分析 OpenMontage、HyperFrames 和 Remotion 两大技术路线,并指出代码化出片、配方卡资产化、小仓库信息密度被低估三个观察。

技术 › Skill Jason Zhu 2026-09-2810.1 KB 526.3K 559 86

107 个不到 50 星的宝藏:能让 Claude 做视频的 180 个开源 Skill 全分类

作者用 AI 工具 Jev 逐个阅读 README,整理出 180 个能让 Claude Code、Codex 等编程 agent 直接制作、剪辑视频和动效的开源 skill 仓库,分为剪辑与后期、讲解科普、框架工具包等 10 个类别,每个都附安全评级(178 个 SAFE)。文章指出代码化出片(Remotion、HyperFrames)是主流路线,占四成;镜头配方卡正在成为通用资产;107 个不到 50 星的小仓库信息密度被严重低估,按星数排序会漏掉它们。仓库与在线筛选页面均已开源,每 8 小时刷新。

技术 › Skill Jason Zhu 2026-09-2810.2 KB 85

从安装 Claude Code,到用 Opus 5.5 做一支宣传片,万字长文手把手小白教程

这是一篇面向零基础用户的详细教程,作者手把手讲解如何从零安装 Claude 客户端,通过 CC-Switch 工具一键导入第三方模型供应商的中转配置,避免官方账号注册与封号问题,再进入 Claude Code 页面选择文件夹和 Opus 5.5 模型。教程覆盖 Mac 与 Windows 双平台,包含客户端安装、CC-Switch 配置导入的常见坑、密钥创建与启用等步骤。最后作者用两段提示词让 Claude 搭建 Remotion + React + TypeScript 环境,并生成一支抽象风格的国庆放假宣传片,展示了 AI 编程工具在视频制作上的实际效果。

技术 › Claude Code AI程序员聂二 2026-09-2616.1 KB 64K 145 75

百万播放的 AI 长片,流程全部开源:一句话出 10 分钟成片(下)

作者详细拆解了用 AI 制作百万播放长视频的完整开源流程。环境配置包括 Claude Code(效果最佳的 AI 智能体)、火山引擎 TTS(提供 2.0 音色和逐字时间戳)、Remotion 视频合成框架及字体等辅助工具。制作管线分五个阶段:调查写稿(构建事实链、来源台账)、配音与时间戳、素材搜索匹配(强调真实影像占比)、Remotion 画面合成(三层视觉语言、MG 图解、时间预算控制)、混音封面与发布。文章还包含内容规则、踩坑记录及开源 Skill 清单,帮助读者从一句话生成 10 分钟成片。

技术 › Claude Code Simon聊AI 2026-09-2128.1 KB 174.7K 717 92

Remotion小白裁缝秘诀Ⅰ:组件和案例演示

本文是Remotion入门系列的第一篇,介绍基于React的视频制作工具Remotion及其常用组件。作者整理了十个官方动态案例,包括旋转文字轮、文字高亮、画中画转场、柱状图、地图飞行、胶囊字幕、示波器、屏幕消息、旋转卡片和液态轮廓,说明各自适用场景。文章还推荐了Remotion Elements、RenderComp Free、RemotionUI、Remocn、snapcn等资源站点,帮助读者通过代码控制视频效果,更顺畅地与AI协作制作产品演示和口播动画。

技术 › 前端 阿哲Phil 2026-09-1621.7 KB 72

我用 Codex 从零到一,自动剪出了一条 2 分 54 秒的知识视频

作者分享了用 Codex 从一篇口播稿出发,结合自己的 IP 形象和授权音色,自动完成配音、字幕对齐、分镜、动效与渲染,产出一条 2 分 54 秒 1080p 知识视频的完整实操过程。文中介绍了三个 Skill 的分工(流程管理、字幕分镜、镜头语言库),复盘了声音误用、字幕机械切分、时间轴错位等踩坑与修正,并沉淀出样片前置检查、Sol/Luna 多代理分工、按环节整理的提示词模板等经验。整个核心制作约 3 小时完成,文章强调自动化的关键在于明确分工、逐轮人工确认与检查前置。

技术 › Codex 诺诺 2026-09-1525.5 KB 18.6K 261 82

教你用WorkBuddy写代码生成动画视频

文章介绍了在WorkBuddy中使用Remotion Skill通过代码生成动画视频的方法。其原理是编写网页代码作为每一帧画面,由无头浏览器逐帧截图,再用ffmpeg合成MP4视频。作者演示了从安装Remotion Skill、输入提示词生成咖啡广告动画、调整画面,到为视频添加BGM和TTS真人感配音的完整流程。配音部分可接入火山引擎豆包语音合成等第三方API服务。文章强调这种方式仅消耗token,适合科普、教育、产品演示等场景,不适用于AI短剧或真人特效视频。

技术 › Skill 马佳彬 2026-09-106.8 KB 2.5K 37 77

Codex 实战系列|零剪辑自动生成爆款视频

本文是 Codex 视频制作实战教程,讲解如何用 Codex 实现从文章或主题到成品视频的全流程自动化。作者介绍了完整的制作路线:生成口播稿、TTS 配音(含用 CosyVoice 复刻个人声音)、基于最终音频建立时间轴、拆解分镜、用 HyperFrames 生成成片,以及用 Remotion 制作固定栏目模板。文章还对比了 HyperFrames 与 Remotion 的选择策略,并补充了用 video-use 处理真人口播剪辑的方法。核心原则是先定稿声音再做画面,避免返工。零剪辑基础的新手只需将 GitHub 仓库链接交给 Codex,即可完成工具安装和视频生成。

技术 › Codex Miles Ma 2026-09-0819.5 KB 877K 2.2K 91

不会剪辑,也能用 Codex 和 Remotion 做出一条完整视频

文章介绍了一套无需剪辑和编程经验的 AI 视频制作流程:用户只需准备定稿文案、MiniMax 生成的完整配音、人物图片和录屏素材,交给 Codex 即可自动完成语音识别、时间轴划分、画面编排、Remotion 代码编写和视频渲染。文章讲解了 A-roll/B-roll 的划分原则、用 video-shotcraft 镜头库选择动效、如何用"六层任务书"描述需求,以及通过关键帧审核、短样片反馈到最终导出的分阶段工作流,让用户以导演和审核者的角色完成知识口播视频制作。

技术 › Codex 朝朝(AI创业版) 2026-09-0320.7 KB 10.9K 141 85

Codex + Remotion 动画制作从入门到真熟练!

作者分享了使用 Codex 结合 Remotion 制作动画的实战经验。文章指出写代码反而是最简单的部分,难点在于动画的节奏、连续性和可读性等细节判断。作者介绍了 Remotion 的帧驱动原理、useCurrentFrame 和 interpolate 等核心 API,以及如何通过 Remotion 官方 Agent Skills 让 Codex 更高效地生成动画代码。文章还系统讲解了时间、状态、Keyframe、Easing、Spring 等动画基础概念,并结合自媒体口播视频的 A-roll、B-roll、动画三类画面整合需求,说明了构建完整视频生产工作流的方法与踩坑经验。

技术 › Codex 卡尔森 2026-09-0231.6 KB 11.6K 23 81

AI 内容高手教你玩转内容生产:一个 Skill 搞定文章、PPT、网页幻灯片和产品视频

作者陈硕KAI开源了其沉淀一年的 cs-xiaohuang-skill 项目,将四种内容生产能力整合成一条完整的内容表达流水线:文章配图强调理解内容后再决定视觉化哪些关键点,而非简单配图;PPT 生成先判断每页表达意图,采用流程、对比等不同构图,避免模板化;网页幻灯片(cs-web-slides)利用 HTML/CSS/JS 实现比传统 PPT 更自由的排版、动画与交互;产品宣传视频则自动完成产品分析、分镜设计到 Remotion 动效成片,坚持产品本身是视频主角。整个项目已开源,形成从文章到配图、PPT、网页幻灯片、宣传视频的完整内容生产链。

技术 › Skill 陈硕KAI 2026-08-3011.3 KB 24.6K 123 71