Video To Claude

Sender en video/GIF til Geminis videomodell, får tilbake en ramme-nøyaktig JSON bygge-spesifikasjon.

av rohunvora · rohunvora/video-to-claude

Krever oppsett ★ 8.8/10

Video To Claude — Sender en video/GIF til Geminis videomodell, får tilbake en ramme-nøyaktig JSON bygge-spesifikasjon.

Hva den gjør

Laster opp en YouTube URL, lokal video, GIF, eller tweet-video til Geminis multimodale API med en prompt finjustert for å trekke ut implementerbare spesifikasjoner (nøyaktige heksadesimale farger, pikseldimensjoner, animasjonstid i ms, cubic-bezier easing, tilstandsoverganger), deretter gir den strukturerte JSON til Claude for å bygge. Utløses når en bruker deler en video/GIF og ber om å klone en UI, reversere-konstruere en produktdemo, eller trekke ut veiledningsbyggetrinn; en --micro-flagg legger til en 'delight details'-sjekkliste for subtile mikrointeraksjonseffekter (ring-tegninger, shimmer, overshoot easing).

Testrapport

Kunne ikke kjøre den live (ingen GEMINI_API_KEY, google-genai ikke installert), men repoet leverer ekte tidligere utdata (gallery-specs/*.json) fra sin egen --micro pipeline — f.eks. en kredittkort-avslørings-knapp-spesifikasjon med nøyaktige heksadesimale farger, en 600ms cubic-bezier(0.34,1.56,0.64,1) flip-animasjon, og den ikke-åpenbare 'bytt tekst ved 90-graders merket slik at brukeren aldri ser den endre seg'-detaljen — den typen rammenivå nøyaktighet en baseline tekst-kun passering rett og slett ikke kan finne opp.

Testet på: 2026-07-16 · Claude Code 2.x (agent harness)

Installer

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)

Kommandoer og eksempelprompter

  • /video-to-claudeSender en video/GIF til Geminis videomodell, får tilbake en ramme-nøyaktig JSON bygge-spesifikasjon.

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

  • 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