Communitygithub.com

SJbuilds04/vybe-bild-zu-bewegung

Animiert ein Standbild in ein Video. Analysiert das Bild, plant die Bewegung und wählt die richtige Technik – programmatische 2.5D-Animation (Kamerafahrten, Tiefenkarten-Parallaxe, Vordergrund/Hintergrund-Trennung, Partikel, Nebel, Licht) oder KI-Bild-zu-Video (Runway Gen-4.5 / Veo 3.1 / Kling 3.0, Luma Ray 3.2, Gemini Omni Flash) für organische Bewegungen wie Gehen, Gesichter, Wasser oder Haare – und komponiert das Ergebnis in HyperFrames mit Musik, Soundeffekten und Text.

Was ist vybe-bild-zu-bewegung?

Dieses Skill, `vybe-image-to-motion`, verwandelt ein einzelnes Standbild in ein animiertes Video. Es analysiert das Bild zunächst (Größe, Seitenverhältnis, Tonwert, Palette) und erstellt eine detaillierte Analyse der Bildebenen und potenzieller Bewegungsbereiche. Anschließend plant es die Bewegung basierend auf der Benutzeranfrage und wählt automatisch zwischen zwei Methoden: einer programmatischen 2.5D-Animation für Kamerafahrten, Parallaxeffekte und Partikelsysteme (unter Verwendung von HyperFrames mit Ebenentrennung oder Tiefenkarten-Shadern) oder einer KI-gestützten Bild-zu-Video-Generierung für organische Bewegungen wie Gehen, Gesichtsausdrücke oder fließendes Wasser. Es unterstützt mehrere KI-Anbieter wie Runway (mit Modellen wie Gen-4.5, Veo 3.1 und Kling 3.0), Luma (Ray-3.2) und Gemini (Omni Flash). Der gesamte Workflow, einschließlich der optionalen KI-Generierung und der finalen Komposition mit Musik und Soundeffekten, ist in HyperFrames integriert. Das Skill beachtet eine strenge „Ehrlichkeitsregel“: Programmatische Bewegungen werden nie als „realistische Gehbewegungen“ beschrieben, und KI-Clips werden klar als solche gekennzeichnet. Es ist als eigenständiges Tool oder als Teil des größeren VYBE-Workflows nutzbar und schreibt die Ergebnisse in ein strukturiertes Kompositionsverzeichnis.

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

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

VYBE Bild-zu-Bewegung

I = node <skill>/scripts/i2m.mjs. Funktioniert eigenständig oder als Stufen 4–5 von /vybe (dann ist das Kompositionsverzeichnis das composition/-Verzeichnis des VYBE-Projekts).

Die Ehrlichkeitsregel

Programmatische Bewegung bewegt eine Kamera, Ebenen, Licht und Partikel um die originalen Pixel herum. Sie kann eine Person nicht zum Laufen, Lächeln oder Drehen des Kopfes bringen, Wasser nicht fließen lassen oder die Rückseite eines Produkts zeigen. Beschreibe programmatische Ausgaben niemals als "die Person läuft" oder "realistische Bewegung". Wenn die Anfrage Pixelbewegungen erfordert und kein KI-Anbieter ausgeführt wurde, sage dies klar und deutlich und liefere die Kamera-Bewegungs-Version als das, was sie ist. KI-Clips enthalten eine .provenance.json und sind immer als KI-generiert gekennzeichnet.

1 · Analysieren

I analyze <image>            # Größe, Seitenverhältnis → vorgeschlagenes Format, Tonwert, Palette

Betrachte dann das Bild (Vision) und schreibe sources/image-analysis.md: Hauptmotiv und -grenze, Vordergrund/Mittelgrund/Hintergrund, Perspektive und Horizont, Lichtrichtung, Bereiche, die sich bewegen könnten, Gesichter (Identität muss erhalten bleiben).

2 · Planen und Methode wählen

I classify "<die Bewegungsanfrage des Benutzers>" [--method programmatic|ai]
I providers                  # Welche KI-Anbieter konfiguriert sind (nur Vorhandensein)
Anfrage betrifftMethode
Zoom, Push-in, Pull-out, Schwenk, Orbit-Gefühl, Parallaxe, Tiefeprogrammatisch
Partikel, Staub, Schnee, Regen, Nebel, Lichtschweif, Glühen, Flareprogrammatisch
Hintergrund treibt, während das Motiv stabil bleibtprogrammatisch (Ebenen)
Sanftes Schweben/Wiegen eines getrennten Objektsprogrammatisch (Ebenen, subjectSway)
Menschen/Tiere bewegen sich, Gesichtsausdrücke, HändeKI
Haare/Stoff/Blätter/Flammen bewegen sich, Wasser/Rauch fließtKI
Verwandlungen (Schmelzen, Blühen, Explodieren), vollständige 360°-DrehungenKI

Das explizite --method des Benutzers gewinnt immer. Ein Hybrid (KI-Clip + programmatische Überlagerungen und Kamera) ist oft am besten: Erzeuge die organische Bewegung und füge dann VYBE Kamera, Licht, Typografie und Ton in HyperFrames hinzu.

Schreibe sources/motion-plan.md: Kamerafahrt, Objekt-/Hintergrundbewegung, Licht, Partikel, Dauer, Intensität, Methode + Begründung und was sich nicht bewegen wird.

3a · Programmatisch

I scaffold --image <img> --prompt "<Anfrage>" --composition <dir> [--mode layers|depth] [--format f] [--duration s]
cd <dir> && npx hyperframes check && npx hyperframes snapshot --frames 5 -o ../previews/i2m
  • layers (Standard): npx hyperframes remove-background schneidet das Motiv und eine Hintergrundplatte aus; das Motivloch wird mit einer unscharfen Kopie gefüllt; Platte, Nebel, Motiv, Partikel und Licht bewegen sich mit tiefenskalierter Parallaxe. Am besten, wenn es ein klares Motiv gibt.
  • depth: Ein Three.js-Shader verschiebt das Bild mittels einer Tiefenkarte (Motivmaske + Bodenverlauf), während sich eine virtuelle Kamera bewegt – echte 2.5D-Parallaxe über den gesamten Rahmen. Am besten für Landschaften, Innenräume, Szenen ohne ein einzelnes Motiv. Halte die intensity ≤ 1 für Gesichter (starke Versätze verzerren sie).
  • Feinjustierung über das #i2m-config-JSON in index.html (Kamera: Push · Pull · Pan-left · Pan-right · Rise · Orbit; Intensität 0.5–1.5; Effekte: Partikel · Schnee · Regen · Nebel · Lichtschweif; subjectSway).
  • Ohne Ausschnitt (Freistellung nicht verfügbar) fällt es auf eine Ein-Ebenen-Bewegung zurück – melde dies.

3b · KI-Bild-zu-Video

I generate --provider <p> --image <img> --prompt "<Bewegungsprompt>" --out sources/clip.mp4 --duration 5 --aspect 16:9 --dry-run   # Anfrage prüfen (Keys geschwärzt)
I generate --provider <p> --image <img> --prompt "<Bewegungsprompt>" --out sources/clip.mp4 --duration 5 --aspect 16:9
I compose --clip sources/clip.mp4 --composition <dir> [--title "…"]
AnbieterModelleHinweise
runwaygen4.5 (Standard), gen4_turbo, veo3.1, veo3.1_fast, kling3.0_pro, kling3.0_standardEin Schlüssel erreicht Runway, Google Veo 3.1 und Kling 3.0; Dauern 2–10s (Veo 4/6/8, Kling 3–15)
lumaray-3.25s mit einem Startbild; bevorzugt eine öffentliche --image-url, Inline-Daten für kleine Dateien
geminigemini-omni-1.1-flashInteractions API, 16:9 oder 9:16; Veo 3.1 Preview-Modelle wurden am 22.10.2026 eingestellt
klingkling-v2-1 (direkt)experimenteller Adapter (Endpunkt aus sekundären Dokumentationen); bevorzuge runway + kling3.0_pro

Schreibe den Bewegungsprompt wie eine Einstellungsbeschreibung: Motiv + Aktion + Kamera + Stimmung + "Erhalte die Identität des Motivs und die Komposition". Die Generierung kostet Geld: Bestätige dies mit dem Benutzer, bevor du einen agenteninitiierten kostenpflichtigen Aufruf tätigst, es sei denn, der Benutzer hat KI-Bewegung explizit angefordert. Wiederhole einen fehlgeschlagenen kostenpflichtigen Generierungsversuch niemals öfter als einmal ohne Rückfrage. Fehler (Authentifizierung, Kontingent, Moderation, Zeitüberschreitung) werden wörtlich gemeldet.

Details, Quellen und Einschränkungen: references/providers.md.

4 · Ausliefern

Die Komposition erhält die normale VYBE-Behandlung: vybe audio (Musik/SFX/Sprache; Marker sind vorhanden), vybe render, vybe qc, vybe finalize. Eigenständig: npx hyperframes render --output out.mp4 im Kompositionsverzeichnis. Behalte das Quellbild, Ebenen, Tiefenkarte, i2m-plan.json und jede .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.

Verwandte Skills