Communitygithub.com

Clairvoyant-fenestration570/product-launch-motion

Erstellen Sie Produkteinführungsvideos aus Code mit Claude, GSAP und HTML, um deterministische, hochwertige Bewegungsabläufe zu generieren.

Was ist product-launch-motion?

Dieses Skill ermöglicht es Ihnen, Produkteinführungsvideos direkt aus Code zu generieren, indem es die Leistungsfähigkeit von Claude, GSAP (GreenSock Animation Platform) und HTML nutzt. Der Fokus liegt auf der Erstellung deterministischer, hochwertiger Bewegungsabläufe, die präzise gesteuert und wiederholt werden können. Das Skill ist besonders nützlich für Entwickler und Content-Ersteller, die konsistente und professionelle Videoproduktionen ohne manuelle Nachbearbeitung benötigen. Es unterstützt Plattformen wie Claude Code, Cursor und Codex, indem es eine textbasierte Beschreibung des gewünschten Effekts in eine vollständige, animierte HTML-Datei umwandelt. Der Workflow umfasst die Definition von Keyframes, Animationen und Übergängen in GSAP, die dann in einer HTML-Seite gerendert werden. Dadurch wird der gesamte Prozess von der Idee bis zum Video durch Code gesteuert, was Wiederverwendbarkeit und Versionierung ermöglicht.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add Clairvoyant-fenestration570/product-launch-motion

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht product-launch-motion?

Erstellen Sie Produkteinführungsvideos aus Code mit Claude, GSAP und HTML, um deterministische, hochwertige Bewegungsabläufe zu generieren.

Verwandte Skills