Skip to content
@vibe-motion

Vibe Motion

prompts->code->motion graphics
README.md

欢迎来到 Vibe Motion 👋

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仓库

join vibe-motion dev team

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

更多

Pinned Loading

  1. vibe-motion.github.io vibe-motion.github.io Public

    Vibe Motion Official Website

    HTML 6 1

  2. create-vibe-motion create-vibe-motion Public

    Vibe Motion scaffolding monorepo

    JavaScript 71 7

  3. skills skills Public

    agent skills for vibe motion

    Python 812 59

  4. auto-motion auto-motion Public

    Automated SRT-to-motion workflow with Codex, Claude Code, and HyperFrames

    HTML 19 3

Repositories

Showing 10 of 11 repositories
View all repositories

People

This organization has no public members. You must be a member to see who’s a part of this organization.

Top languages

Loading…