还在 AE 里逐帧手搓演示动画？
从 Remotion 写代码生成演示视频、网页动效与 Lottie 动画文件，到 AI 分镜成片一键导出 MP4：装上掘技后，Agent 自动搜 Skill、写动画、渲染成片，3 类场景全覆盖
掘技出品
想做演示动画的人有多难？
终于不用在 AE 里一点点手搓 Lottie 动画了——之前做动效，AE 调帧真的耗时耗力，一个几秒钟的动效要磨一整天。现在把动画想法直接丢给 AI，就能生成 JSON 动效文件，还能一键转成 HTML + 内联 SVG + CSS，全屏版、弹窗版分开输出，放进网页、H5 直接就能用。
小红书 · Lottie 动效实践
做视频最容易卡住的，往往不是「不会做」，而是不知道内容该选什么动画风格。扁平矢量讲原理、动态图形做片头、动态排版卡金句、等距视角俯瞰业务流程……Remotion 能实现的视觉方向一大把，可每个都要自己啃 React 代码，光搭项目就劝退一片。
小红书 · Remotion 动画盘点
想给产品做个 45 秒的分镜演示动画，有分镜切换、有镜头感，最后还要导出 MP4——找外包，5 秒动画报价 2000 块；报班学软件，从 Flash 时代的教程一路学到 AE，还是做不出能见人的成片。其实这套流程拆开就是分镜稿、时间线、渲染三步，Agent 一步步全包。
小红书 · 动画制作观察
这些散布在小红书 / 知乎 / 即刻 / X 上的真实心声，拼在一起就是大家做「演示动画制作」时的日常痛点。
懒人方案 · 推荐
装一次掘技，让 Agent 自己找 Skill
你要做的「演示动画制作」任务，对应的 Skill 觅游都有。但你不需要一个个找 —— 装了掘技(deep-skill-finder)后，Agent 接到任务会自动搜索觅游 50000+ Skill 库，把匹配当前任务的方法推荐给你。你只管说要做什么，匹配 Skill 的事交给 Agent。
复制口令 → 粘贴给 Claude Code / Codex / Cursor / WorkBuddy / CatPaw 等 · Agent 会自动完成安装:
请安装 deep-skill-finder 技能:从 https://www.meyo.life/skill-finder 下载技能压缩包，解压到本地技能目录并启用。
也可以往下看常用场景 Skill。想深入了解掘技 → meyo.life/skill
3类场景 · 每类2个真实Skill
可以都装，也可以看名字挑 1 到 2 个装。不用担心装错，免费，不满意随时卸。
Remotion 代码生成演示视频
React 写动画，渲染成 MP4
适合做产品演示视频的人
remotion-video-producer
TOP 1
创意到分镜 · 渲染成片
使用 Remotion + React 的程序化视频制作专家：从一行创意、脚本或数据产出分镜，再写 Composition 和 Sequence 代码，最后 npx remotion render 渲染 MP4，覆盖动态图形、字幕、转场与动画数据可视化。需本地 Node.js、Remotion 与 FFmpeg 环境。DSF 实测下载量 175，经过安全审查。
175 人在用
29 条规则 · 最佳实践
Remotion 视频创作最佳实践：基于 React 制作视频，涵盖 3D、动画、音频、字幕、图表、转场等 29 条领域规则，代码示例和反例齐全。它是纯知识指导，不执行不渲染，适合让 Agent 按规则写出可靠的 Remotion 代码，本地环境跑渲染。DSF 实测下载量 229941，经过安全审查。
229941 人在用
💬 加入掘技社群
和其他掘技用户交流「演示动画制作」经验 · 掘技团队会解答装配问题
进群备注你做的事
常见问题
Q: Remotion 是什么？适合做什么样的演示动画？
A: Remotion 是用 React 写视频的框架：动画就是组件，时间线就是代码，最后用 npx remotion render 渲染成 MP4。适合片头动画、产品演示、动态图表、数据可视化视频这类程序化内容——改文案、换配色改一行代码就行，不用重新做工程。remotion-video-producer 会带你从创意和脚本产出分镜，再写 Composition 和 Sequence，最后渲染成片。
Q: 不会写代码，也能用 Remotion 做动画吗？
A: 可以交给 Agent。remotion-video-creation 沉淀了动画、3D、音频、字幕、图表、转场等 29 条领域规则，Agent 按规则写 Remotion 代码，你只负责提需求和验收。注意它是知识指导不负责渲染，本地要装 Node.js、Remotion 和 FFmpeg 才能跑 npx remotion render。
Q: 网页里的动效（微交互、加载动画）从哪找现成的？
A: motion-lab 收了 160 个精选前端动效，按基础、文字、交互、高级分类，每个都带可直接复制的 HTML/CSS/JS 源码和可调参数，适合快速给落地页和产品演示加动画。要更系统的方案设计用 web-motion-expert：按微交互、过渡、视差、加载、数据可视化五类场景给出 CSS/JS 代码和缓动曲线选型，还带性能与可访问性检查清单。
Q: Lottie 动画文件一定要用 AE 导出吗？
A: 不一定。lottie-animations 专攻 Lottie 集成：能生成 React/Vue/Svelte 组件样板，用脚本优化 Lottie JSON 体积，并给出 AE 导出与 lottie-web 集成指导。也就是说，已有 AE 工程可以走标准导出，没有 AE 就让 Agent 写代码生成 SVG/CSS 动画再转 Lottie JSON，两条路都通。
Q: AI 能直接生成分镜动画并导出 MP4 吗？
A: 能。chengfeng-videocut-skills 走三步流程：生成分镜稿、时间线预览、再合成导出 MP4，动画用 GSAP + Rough.js，适合口播和讲解类演示成片，需要 Node.js 和 ffmpeg。concept-animation-skill 则把抽象概念、流程机制转成 4:3 高清解释性动画，直接产出 GIF 或 MP4 文件，适合概念可视化，分镜要你先拆好。
Q: 装上掘技后，怎么触发这些 Skill？
A: 直接对 Agent 说人话即可，例如「用 Remotion 做一个 30 秒产品演示动画」「给落地页的按钮加个微交互动效」「把这篇口播稿做成动画视频导出 MP4」。掘技会根据任务描述自动检索并调用匹配的 Skill，不需要记 Skill 名字。