Prompts → code → motion graphics.

1. 根据 srt 字幕文件全自动生成视频画面

   vibe-motion/auto-motion 是一个自动视频生成工作流:提供 transcription.srt,然后让 Codex 执行 PROMPT.md,自动拆分镜头、调用 Claude Code 制作 MG 动画,并拼接生成 final.mp4。

   codex exec \
    --cd . \
    --sandbox danger-full-access \
    --ask-for-approval never \
    - < PROMPT.md

   目前仅支持hyperframes,后续可能会支持remotion或者我改进的vibe-motion

   查看auto-motion仓库

2. 2D 动画 -> 手动 vibe coding 2D 动画

   基于 Remotion 的程序化视频与动态图形脚手架。

   npm create vibe-motion@latest my-app

   查看create-vibe-motion仓库

3. 3D 动画 -> 手动 vibe coding 3D 动画

   基于 Three.js 和 Puppeteer 的 3D 动画脚手架,用于确定性地渲染和导出帧序列。

   npm create vibe-motion-3d@latest my-app

   查看create-vibe-motion-3d仓库

4. AI Agent Skills

   vibe-motion/skills 是给 AI agent 使用的 Vibe Motion skills 集合,适合配合 Claude Code 等智能体快速生成动效。

   npx skills add vibe-motion/skills

   仓库里已经包含尺子进度动画、Claude Code CLI 打字动画、procedural fish、SVG 组装动效、聚光灯文字 reveal、3D 照片滚动墙、黑胶唱片机、Three.js 地球飞线、微信聊天动效等示例效果。

   进群信息和交流方式也在 vibe-motion/skills 里。

   查看skills仓库

• 点击 提交加入申请,填写你的 GitHub 账号、感兴趣的方向或想参与的内容,然后创建 Issue。
• 等待维护者审核并添加 invite-to-org 标签(好像github没给我推送邮件,可以加我微信主动催我加tag)。
• GitHub Actions 会自动发送组织邀请、留言并关闭 Issue。
• 在 GitHub 通知或注册邮箱中接受邀请,即可加入 Vibe Motion。

• 官方网站

• 进微信交流群(猫学妹会拉你进群):

  微信交流群二维码

• 进飞书交流群:

  飞书交流群二维码