开源神器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 registrationcomponents/DesignSystem.tsx - Reusable styles, colors, fontsCoordinateAxes.tsx - Draws the coordinate systemFunctionCurve.tsx - Draws the cubic functionPart1_FunctionIntro.tsx - First segmentPart2_Monotonicity.tsx - Second segmentPart3_TangentAtPoint.tsx - Third segmentPart4_ParallelTangent.tsx - Fourth segmentTextOverlay.tsx - Reusable text componentMathFormula.tsx - Renders mathematical notationstyles/theme.ts - Color constants, font sizestypes/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.shhttps://clawhub.aihttps://skillsmp.comhttps://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/
夜雨聆风