Communitygithub.com

SJbuilds04/vybe-image-to-motion

将静态图像动画化为视频。分析图像、规划运动,并选择合适的动画技术——程序化 2.5D(摄像机运动、深度贴图视差、主体/背景分层、粒子、雾、光效)或 AI 图像转视频(Runway Gen-4.5 / Veo 3.1 / Kling 3.0、Luma Ray 3.2、Gemini Omni Flash),用于有机运动(如行走、面部、流水或头发),然后在 HyperFrames 中组合音乐、音效和文字。

vybe-image-to-motion 是什么?

此技能(VYBE Image-to-Motion)可将静态图像转换为动态视频。它首先通过视觉分析理解图像(尺寸、色调、主体、深度层次、光照方向等),并记录分析结果。然后,根据用户请求的运动类型(如缩放、平移、粒子效果等程序化运动,或步行、面部表情、水流等需要 AI 生成的运动),自动选择最优方法:程序化 2.5D 方法在原始像素上模拟摄像机运动、视差、分层和粒子效果;AI 方法则利用 Runway Gen-4.5、Veo 3.1、Kling 3.0、Luma Ray 3.2 或 Gemini Omni Flash 等提供商生成有机运动。此技能支持混合方案,即结合 AI 剪辑与程序化叠加效果。它遵循“诚实规则”,明确标注 AI 生成内容。支持独立运行,也可作为 VYBE 流程(阶段 4-5)的一部分,最终在 HyperFrames 中组合音乐、音效和渲染。用户需注意,AI 生成调用会产生费用,执行前需确认。

兼容平台~Claude Code~Codex CLI~Cursor✓Gemini CLI
npx skills add https://github.com/SJbuilds04/VYBE/tree/HEAD/skills/vybe-image-to-motion

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

VYBE Image-to-Motion

I = node <this skill>/scripts/i2m.mjs。可独立运行,也可作为 /vybe 的阶段 4-5(此时合成目录为 VYBE 项目的 composition/)。

诚实规则

程序化运动围绕原始像素移动相机、图层、光线和粒子。它无法让人物行走、微笑或转头,无法让水流动,也无法展示物体的背面。切勿将程序化输出描述为“人物行走”或“逼真运动”。如果请求需要像素级运动且未运行任何 AI 提供商,请如实说明,并将摄像机运动版本原样交付。AI 片段带有 .provenance.json 文件,且始终标记为 AI 生成。

1 · 分析

I analyze <image>            # 尺寸、宽高比 → 建议格式、色调键值、调色板

然后通过视觉分析图像,并编写 sources/image-analysis.md:主要主体及其边界、前景/中景/背景、透视与地平线、光照方向、可能移动的区域、人脸(必须保持身份特征)。

2 · 规划并选择方法

I classify "<用户运动请求>" [--method programmatic|ai]
I providers                  # 检查哪些 AI 提供商已配置(仅检查存在性)
请求涉及方法
推拉、推进、拉出、平移、轨道感、视差、深度programmatic
粒子、灰尘、雪、雨、雾、光扫、发光、光晕programmatic
背景漂移而主体稳定programmatic(图层)
分离物体的轻柔浮动/摇摆programmatic(图层,subjectSway)
人/动物运动、面部表情、手势AI
头发/布料/树叶/火焰运动、水流/烟雾流动AI
变形(融化、绽放、爆炸)、360° 旋转AI

用户显式指定的 --method 始终优先。混合方案(AI 片段 + 程序化叠加和摄像机)通常最佳:先生成有机运动,然后在 HyperFrames 中添加 VYBE 摄像机、灯光、文字和声音。

编写 sources/motion-plan.md:摄像机运动、物体/背景运动、灯光、粒子、时长、强度、方法及原因,以及哪些部分不会移动。

3a · 程序化

I scaffold --image <img> --prompt "<request>" --composition <dir> [--mode layers|depth] [--format f] [--duration s]
cd <dir> && npx hyperframes check && npx hyperframes snapshot --frames 5 -o ../previews/i2m
  • layers(默认):npx hyperframes remove-background 将主体和背景板分离;主体空缺处用模糊副本填充;背景板、雾、主体、粒子和光线以深度缩放视差移动。最适合有明显主体的图像。
  • depth:Three.js 着色器根据深度贴图(主体遮罩 + 地面渐变)位移图像,模拟虚拟摄像机移动——实现全画幅的真实 2.5D 视差。最适合风景、室内、无单一主体的场景。对于面部图像,请保持 intensity ≤ 1(过强偏移会扭曲面部)。
  • 通过 index.html 中的 #i2m-config JSON 调整(摄像机:push · pull · pan-left · pan-right · rise · orbit;强度 0.5–1.5;效果:particles · snow · rain · fog · light-sweep;subjectSway)。
  • 如果无法进行抠图(移除功能不可用),则退化为单层运动——请报告。

3b · AI 图像转视频

I generate --provider <p> --image <img> --prompt "<运动提示>" --out sources/clip.mp4 --duration 5 --aspect 16:9 --dry-run   # 检查请求(密钥已屏蔽)
I generate --provider <p> --image <img> --prompt "<运动提示>" --out sources/clip.mp4 --duration 5 --aspect 16:9
I compose --clip sources/clip.mp4 --composition <dir> [--title "…"]
提供商模型说明
runwaygen4.5(默认)、gen4_turbo、veo3.1、veo3.1_fast、kling3.0_pro、kling3.0_standard一个密钥连接 Runway、Google Veo 3.1 和 Kling 3.0;时长 2–10 秒(Veo 4/6/8 秒,Kling 3–15 秒)
lumaray-3.25 秒,支持起始帧;优先使用公开 --image-url,小文件可使用内联数据
geminigemini-omni-1.1-flashInteractions API,16:9 或 9:16;Veo 3.1 预览模型已于 2026-10-22 退役
klingkling-v2-1(直接)实验性适配器(基于次要文档的端点);优先使用 runway + kling3.0_pro

运动提示应像镜头描述:主体 + 动作 + 摄像机 + 氛围 + “保持主体身份和构图”。生成需要付费:除非用户明确要求 AI 运动,否则在代理发起付费调用前需征得用户确认。对于失败的付费生成,未经询问最多重试一次。错误(认证、配额、内容审核、超时)应原样报告。

详细信息、来源和注意事项:references/providers.md。

4 · 交付

合成目录将接受标准的 VYBE 处理:vybe audio(音乐/音效/语音;标记已存在)、vybe render、vybe qc、vybe finalize。独立模式:在合成目录中运行 npx hyperframes render --output out.mp4。保留源图像、图层、深度贴图、i2m-plan.json 以及任何 .provenance.json 文件。

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

SJbuilds04/vybe-audio-design

Sound design and music direction for VYBE / HyperFrames videos — choosing music by mood and arc, spotting sound effects to picture, voiceover direction and provider choice (HeyGen, ElevenLabs, Kokoro, Gemini), ducking, loudness targets, beat-synced editing and caption sync. Use when planning or fixing the audio of a video, when a video feels silent, cheap, cluttered or out of sync, or when choosing a voice or music provider.

SJbuilds04/vybe-cinematic-3d

Deterministic Three.js / WebGL for HyperFrames videos — 3D scenes, particle systems, procedural geometry, product turntables, scientific models (molecules, planets, black holes), lighting rigs, camera paths and camera cuts, rendered frame-exactly from HyperFrames time. Use when a VYBE storyboard calls for 3D, depth, particles, space, a rotating product, a data sculpture, or when a Three.js layer renders black, flickers or differs between renders.

SJbuilds04/vybe-motion-design

Motion design craft for VYBE / HyperFrames videos — animation principles, easing and timing, choreography and staggering, scene transitions, camera movement, and visual effects (blur, glow, masks, grain, light leaks), written as seek-safe GSAP recipes. Use when designing or fixing how things move in a video — entrances, exits, transitions between scenes, camera moves, rhythm, or when motion feels generic, floaty, stiff or repetitive.

SJbuilds04/vybe-typography

Typography for motion — type systems, font pairing with bundled OFL fonts, scale and readability rules for video, kinetic typography techniques, per-letter/word animation, captions design and safe zones, in HyperFrames compositions. Use when choosing fonts, sizing or animating text in a VYBE video, building kinetic type or lyric videos, styling captions, or when text overlaps, clips, is unreadable or looks generic.

相关技能