Video To Claude

Sendet ein Video/GIF an Geminis Videomodell, erhält eine frame-genaue JSON-Build-Spezifikation zurück.

von rohunvora · rohunvora/video-to-claude

Funktioniert mit Setup ★ 8.8/10

Video To Claude — Sendet ein Video/GIF an Geminis Videomodell, erhält eine frame-genaue JSON-Build-Spezifikation zurück.

Was es kann

Lädt eine YouTube-URL, ein lokales Video, GIF oder Tweet-Video zu Geminis multimodaler API mit einem Prompt hoch, der darauf abgestimmt ist, implementierbare Spezifikationen zu extrahieren (exakte Hex-Farben, Pixelabmessungen, Animationsdauer in ms, Cubic-Bezier-Easing, Zustandsübergänge), und übergibt dann die strukturierte JSON an Claude zum Erstellen. Löst aus, wenn ein Benutzer ein Video/GIF teilt und bittet, eine UI zu klonen, eine Produkt-Demo zu reverse-engineeren oder Tutorial-Build-Schritte zu extrahieren; ein --micro-Flag fügt eine 'Delight Details'-Checkliste für subtile Mikrointeraktionseffekte hinzu (Ring-Zeichnungen, Schimmer, Overshoot-Easing).

Testbericht

Konnte es nicht live ausführen (kein GEMINI_API_KEY, google-genai nicht installiert), aber das Repo liefert echte vorherige Ausgaben (gallery-specs/*.json) aus seiner eigenen --micro-Pipeline – z. B. eine Credit-Card-Reveal-Button-Spezifikation mit exakten Hex-Farben, einer 600-ms-Cubic-Bezier(0.34,1.56,0.64,1)-Flip-Animation und dem nicht offensichtlichen Detail 'Text bei 90-Grad-Markierung tauschen, damit der Benutzer ihn nie ändern sieht' – die Art von Frame-Level-Genauigkeit, die eine Basis-Text-Only-Ausgabe einfach nicht erfinden kann.

Getestet am: 2026-07-16 · Claude Code 2.x (agent harness)

Installation

git clone https://github.com/rohunvora/video-to-claude ~/.claude/skills/video-to-claude
pip install google-genai
# then set GEMINI_API_KEY in environment (free tier available)

Befehle & Beispiel-Prompts

  • /video-to-claudeSendet ein Video/GIF an Geminis Videomodell, erhält eine frame-genaue JSON-Build-Spezifikation zurück.

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

  • Here's a GIF of a button animation, extract the exact hex colors and timing
  • Clone this micro-interaction from the tweet video I just linked
  • Reverse engineer this product demo video into implementable build specs