Communitygithub.com

SJbuilds04/vybe-image-to-motion

Anime une image fixe en vidéo. Analyse l'image, planifie le mouvement et choisit la technique appropriée — programmatique 2.5D (mouvements de caméra, parallaxe par carte de profondeur, séparation sujet/arrière-plan, particules, brouillard, lumière) ou IA image-vers-vidéo (Runway Gen-4.5 / Veo 3.1 / Kling 3.0, Luma Ray 3.2, Gemini Omni Flash) pour les mouvements organiques comme la marche, les visages, l'eau ou les cheveux — puis compose le résultat dans HyperFrames avec musique, effets sonores et texte.

Qu'est-ce que vybe-image-to-motion ?

Cette compétence transforme une image statique en vidéo animée en deux grandes approches : le mouvement programmatique 2.5D (déplacements de caméra, couches, particules, brouillard et lumière) et l'IA image-vers-vidéo (Runway Gen-4.5, Veo 3.1, Kling 3.0, Luma Ray 3.2, Gemini Omni Flash). Elle analyse d'abord l'image pour déterminer son format, ses tons et ses régions mobiles, puis planifie le mouvement en fonction de la demande de l'utilisateur. Le mouvement programmatique conserve les pixels d'origine et ne peut pas créer de mouvements organiques réalistes (marche, expressions faciales, eau qui coule) — ces cas nécessitent un fournisseur IA. La compétence prend en charge les approches hybrides (clip IA + superpositions programmatiques) et compose le résultat final dans HyperFrames avec audio, rendu et contrôles qualité. Les clips IA sont toujours étiquetés avec un fichier `.provenance.json` et les appels payants sont confirmés avec l'utilisateur avant exécution.

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

VYBE Image-vers-Mouvement

I = node <this skill>/scripts/i2m.mjs. Fonctionne de manière autonome ou comme Étapes 4–5 De /vybe (dans ce cas, le répertoire de composition est le composition/ du projet VYBE).

La règle d'honnêteté

Le mouvement programmatique déplace une caméra, des couches, la lumière et des particules autour des pixels d'origine. Il ne peut pas faire marcher une personne, sourire ou tourner la tête, faire couler de l'eau, ou montrer le dos d'un produit. Ne décrivez jamais la sortie programmatique comme "la personne marche" ou "mouvement réaliste". Si la demande nécessite un mouvement au niveau du pixel et qu'aucun fournisseur IA n'a été exécuté, dites-le clairement et livrez la version avec mouvement de caméra pour ce qu'elle est. Les clips IA portent un fichier .provenance.json et sont toujours étiquetés comme générés par IA.

1 · Analyser

I analyze <image>            # taille, rapport → format suggéré, tonalité, palette

Regardez ensuite l'image (vision) et écrivez sources/image-analysis.md : sujet principal et contour, premier plan/plan moyen/arrière-plan, perspective et horizon, direction de la lumière, régions qui pourraient bouger, visages (l'identité doit être préservée).

2 · Planifier et choisir la méthode

I classify "<la demande de mouvement de l'utilisateur>" [--method programmatic|ai]
I providers                  # quels fournisseurs IA sont configurés (présence uniquement)
La demande impliqueMéthode
zoom, push-in, pull-out, panoramique, sensation d'orbite, parallaxe, profondeurprogrammatique
particules, poussière, neige, pluie, brouillard, balayage lumineux, lueur, flareprogrammatique
arrière-plan qui dérive tandis que le sujet reste stableprogrammatique (couches)
flottement/balancement doux d'un objet séparéprogrammatique (couches, subjectSway)
personnes/animaux en mouvement, expressions faciales, mainsIA
cheveux/tissus/feuilles/flammes en mouvement, eau/fumée qui s'écouleIA
transformations (fusion, éclosion, explosion), rotations complètes à 360°IA

Le --method explicite de l'utilisateur l'emporte toujours. Une approche hybride (clip IA + superpositions programmatiques et caméra) est souvent la meilleure : générez le mouvement organique, puis ajoutez la caméra, la lumière, le texte et le son VYBE dans HyperFrames.

Écrivez sources/motion-plan.md : mouvement de caméra, mouvement de l'objet/arrière-plan, lumière, particules, durée, intensité, méthode + raison, et ce qui ne bougera pas.

3a · Programmatique

I scaffold --image <img> --prompt "<demande>" --composition <dir> [--mode layers|depth] [--format f] [--duration s]
cd <dir> && npx hyperframes check && npx hyperframes snapshot --frames 5 -o ../previews/i2m
  • layers (par défaut) : npx hyperframes remove-background découpe le sujet et un fond de plan ; le trou du sujet est rempli avec une copie floutée ; le fond, le brouillard, le sujet, les particules et la lumière se déplacent avec une parallaxe à échelle de profondeur. Meilleur quand il y a un sujet clair.
  • depth : un shader Three.js déplace l'image par une carte de profondeur (masque du sujet + gradient de sol) tandis qu'une caméra virtuelle bouge — parallaxe 2.5D réelle sur l'ensemble du cadre. Meilleur pour les paysages, intérieurs, scènes sans un seul sujet. Gardez intensity ≤ 1 pour les visages (des décalages forts les déforment).
  • Ajustez via le JSON #i2m-config dans index.html (caméra : push · pull · pan-left · pan-right · rise · orbit ; intensité 0.5–1.5 ; effets : particles · snow · rain · fog · light-sweep ; subjectSway).
  • Sans découpage (suppression indisponible), cela dégrade en mouvement monocouche — signalez-le.

3b · IA image-vers-vidéo

I generate --provider <p> --image <img> --prompt "<prompt de mouvement>" --out sources/clip.mp4 --duration 5 --aspect 16:9 --dry-run   # inspecter la requête (clés masquées)
I generate --provider <p> --image <img> --prompt "<prompt de mouvement>" --out sources/clip.mp4 --duration 5 --aspect 16:9
I compose --clip sources/clip.mp4 --composition <dir> [--title "…"]
FournisseurModèlesNotes
runwaygen4.5 (par défaut), gen4_turbo, veo3.1, veo3.1_fast, kling3.0_pro, kling3.0_standardune clé permet d'accéder à Runway, Google Veo 3.1 et Kling 3.0 ; durées 2–10s (Veo 4/6/8, Kling 3–15)
lumaray-3.25s avec une image de départ ; préfère une --image-url publique, données en ligne pour les petits fichiers
geminigemini-omni-1.1-flashAPI Interactions, 16:9 ou 9:16 ; les modèles preview Veo 3.1 ont été retirés le 22/10/2026
klingkling-v2-1 (direct)expérimental adaptateur (point d'accès de docs secondaires) ; préférez runway + kling3.0_pro

Rédigez le prompt de mouvement comme une description de plan : sujet + action + caméra + sensation + "garder l'identité et la composition du sujet". La génération a un coût : confirmez avec l'utilisateur avant un appel payant initié par l'agent, sauf s'il a expressément demandé un mouvement IA. Ne réessayez jamais un appel payant échoué plus d'une fois sans le demander. Les erreurs (authentification, quota, modération, délai d'attente) sont rapportées textuellement.

Détails, sources et mises en garde : references/providers.md.

4 · Livrer

La composition reçoit le traitement VYBE normal : vybe audio (musique/SFX/voix ; les marqueurs sont présents), vybe render, vybe qc, vybe finalize. Autonome : npx hyperframes render --output out.mp4 dans le répertoire de composition. Conservez l'image source, les couches, la carte de profondeur, i2m-plan.json et tout fichier .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.

Skills associés