乐于分享
好东西不私藏

开源神器remotion:用代码生成动画,附保姆级教程+AI学习资源大合集!

开源神器remotion:用代码生成动画,附保姆级教程+AI学习资源大合集!

开源项目remotion:实现代码生成简单动画

收集了一些学习openclaw,vibe coding,Seedance 2.0的学习资源

和一个去除AI水印的网站

安装教程

我这里使用opencode(有免费模型)

环境准备node.js确认安装

  • 1
  • 2
  • 3
  • 4
  • 5
安装Node.js(自动包含npm)winget install OpenJS.NodeJS.LTS验证node --versionnpm--version

安装remotion

  • 1
  • 2
  • 3
  • 4
方法1:全局安装npm install -g @remotion/cli方法2:项目本地安装npm install @remotion/cli

创建项目

  • 1
npx create-video@latest

选择hello world模板,后面的选项直接回车提示opencode去my-video.agent\skills找skill文件

remotion实例一:数学教学

提示词由deepseek生成(可以用svg展示的动画效果最好)

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
Create a complete Remotion project forthe math tutorial video about f(x) = x³ - 3x + 1.The project should have the following file structure:src/  Root.tsx - Main composition registration  components/    DesignSystem.tsx - Reusable styles, colors, fonts    CoordinateAxes.tsx - Draws the coordinate system    FunctionCurve.tsx - Draws the cubic function    Part1_FunctionIntro.tsx - First segment    Part2_Monotonicity.tsx - Second segment    Part3_TangentAtPoint.tsx - Third segment    Part4_ParallelTangent.tsx - Fourth segment    TextOverlay.tsx - Reusable text component    MathFormula.tsx - Renders mathematical notation  styles/    theme.ts - Color constants, font sizes  types/    index.ts - TypeScript interfacesRequirements:- Use Composition with id="MathTutorial", durationInFrames=900, fps=30- Use Series component to sequence thefour parts sequentially- All animations must use useCurrentFrame() and interpolate() [citation:1][citation:6]- Use spring() for emphasis animations at key moments [citation:2]- All text should be clearly readable- Export with proper TypeScript typingInclude the complete code for all fileswith proper imports and exports.

已关注

关注

重播 分享

remotion实例二:日报播客

你可以要求他使用edge TTS服务(文字转语音),完全免费记得使用plan模式先探讨计划

这个视频前后改了很多次,真正使用还是要很多时间

内容由grok的定时任务获取

  • 1
• Glaze (by Raycast) — 通过与 AI 聊天在几分钟内创建任何桌面应用的工具,真正个人化且强大,适合快速构建内部工具或自定义 app,最近推出后被开发者视为游戏改变者(game changer) — https://www.glazeapp.com/ • Penpot — 完全开源的 Figma 替代品,支持实时多人协作、交互原型、设计令牌、CSS Grid 等高级功能,无需付费订阅且自托管,设计师和开发者社区中正在病毒式传播 — https://penpot.app/ (GitHub: https://github.com/penpot/penpot) • Caffeine AI — 通过聊天创建成功应用和网站的平台,最新升级允许订阅者将 app 公开为模板供他人 remix,未来可货币化,适合想快速构建并分享 app 的创作者 — https://caffeine.ai/ • HandBrake 1.11 — 开源视频转码软件最新版,新增 MOV 编码、ProRes/DNxHR 支持、AV1 4K 硬件加速等功能,视频创作者的免费强大替代品 — https://handbrake.fr/ • Stremio — 免费开源的 Netflix 替代品,可聚合各种流媒体源,最近被大量提及作为省钱神器 — https://www.stremio.com/ • DeerFlow 2.0 (ByteDance) — 开源多代理协调框架,输入目标后自动研究、写代码、创建文件、交付成品,GitHub 星数暴涨,许多开发者称其超越其他 agent 工具 — GitHub: DeerFlow (基于搜索趋势)

已关注

关注

重播 分享

AI学习资源网站合集

AI工具层出不穷,学习资源就更多了,小心被割韭菜

特别是这个OpenClaw橙皮书可能就有人去卖

openclaw资源汇总

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
OpenClaw橙皮书:从入门到精通:https://t.co/KkBnzq1TxXOpenClaw 官网: https://openclaw.ai/OpenClaw iOS TestFlight 版本: https://testflight.apple.com/join/cutCZt5s官方GitHub: https://github.com/openclaw/openclaw官方中文文档: https://docs.openclaw.ai/zh-CNOpenClaw 中文版(非官方): https://clawd.org.cn/中文版(非官方): https://github.com/jiulingyun/openclaw-cnOpenClaw CN,OpenClaw汉化版:开源个人 AI 助手中文版,全流程搭建教程,以及排错指南!https://t.co/HAjKzNGxFuAwesome Moltbot Skills (中文官方技能库): https://t.co/mh9Qv1laYv一键部署工具: https://t.co/9Yfndb5FtHAI模型配额监控插件: https://t.co/PgFtRYYsrcCLI 代理 API: https://t.co/tJdUButnq7OpenClaw 常用命令: https://t.co/FRKyb9iJcw爆火的 OpenClaw Skills 合集: https://t.co/z2RWGqRvVKOpenClaw 中国 IM 插件整合版 Docker 镜像,预装并配置了飞书、钉钉、QQ机器人、企业微信等主流中国 IM 平台插件,让您可以快速部署一个支持多个中国 IM 平台的 AI 机器人网关https://t.co/5Vt0BFql1ZOpenClaw 教程: * https://t.co/nJT2OUAqoN* https://t.co/ydNqLeKtAC* https://t.co/HMEaR5XMS9绿联NAS部署OpenClaw: https://t.co/vp9zf0ipfnAWS部署OpenClaw: https://t.co/d3qOqdgRZS阿里云部署OpenClaw: https://t.co/eVTfWpsEyP腾讯云部署OpenClaw: https://t.co/LtbpUs6izu火山云部署OpenClaw: https://t.co/1unyLV2PgB百度云部署OpenClaw:https://t.co/eLkmOML8bG

skills网站

  • 1
  • 2
  • 3
  • 4
https://skills.sh https://clawhub.ai https://skillsmp.com https://skillhub.tencent.com

vibe coding教程

  • 1
  • 2
如何构建一个简单的 AndroidApp-compose 原生开发:https://www.easyvibecoding.cn/zh-cn/stage-3/cross-platform/3.5-android-app/如何构建iOS程序-SwiftUI原生开发:https://www.easyvibecoding.cn/zh-cn/stage-3/cross-platform/3.6-ios-app/

即梦 Seedance 2.0 使用指南

  • 1
https://t.co/rZNyzLxSMK

AI 生成图片去水印工具,适用于 Gemini、NotebookLM、豆包、可灵、即梦等平台,还可手动选择移除水印位置,无损画质处理,免费使用,无需注册。

https://clean.lazyso.com/

本站文章均为手工撰写未经允许谢绝转载:夜雨聆风 » 开源神器remotion:用代码生成动画,附保姆级教程+AI学习资源大合集!

猜你喜欢

  • 暂无文章