Video To Claude

Envoie une vidéo/GIF au modèle vidéo de Gemini, récupère une spécification de construction JSON précise au cadre.

par rohunvora · rohunvora/video-to-claude

Fonctionne avec configuration ★ 8.8/10

Video To Claude — Envoie une vidéo/GIF au modèle vidéo de Gemini, récupère une spécification de construction JSON précise au cadre.

Ce que fait

Télécharge une URL YouTube, une vidéo locale, un GIF ou une vidéo de tweet vers l'API multimodale de Gemini avec une invite réglée pour extraire des spécifications implémentables (couleurs hexadécimales exactes, dimensions en pixels, timing d'animation en ms, easing cubic-bezier, transitions d'état), puis transmet le JSON structuré à Claude pour la construction. Se déclenche lorsqu'un utilisateur partage une vidéo/GIF et demande de cloner une interface utilisateur, de rétro-ingénierie une démo de produit, ou d'extraire des étapes de construction de tutoriel; un flag --micro ajoute une checklist 'delight details' pour les effets subtils de micro-interaction (dessins d'anneaux, scintillement, easing par dépassement).

Rapport de test

N'a pas pu l'exécuter en direct (pas de GEMINI_API_KEY, google-genai non installé) mais le dépôt livre de vraies sorties antérieures (gallery-specs/*.json) de son propre pipeline --micro — par exemple, une spécification de bouton de révélation de carte de crédit avec des couleurs hexadécimales exactes, une animation de retournement cubic-bezier(0.34,1.56,0.64,1) de 600ms, et le détail non évident 'swap text at the 90-degree mark so the user never sees it change' — le genre de précision au niveau du cadre qu'un passage de base textuel ne peut tout simplement pas inventer.

Testé le: 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)

Commandes et exemples de prompts

/video-to-claudeEnvoie une vidéo/GIF au modèle vidéo de Gemini, récupère une spécification de construction JSON précise au cadre.

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

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

Rapport complet →