product-launch-videoyazan HeyGen

Product Launch Video Skill.

Claude Code ve Codex için hareket ve video becerisi: ürün URL'si, senaryo veya brief'i ürün lansmanı veya tanıtım videosuna dönüştürür.

Motion & Video
Video

OpenDesign İndir Kullanım kılavuzunu görüntüle

heygen-com/hyperframes · skills/product-launch-video/SKILL.mdSKILL.md

--- name: product-launch-video description: Turn a product or marketing URL, pasted script, or brief into a product launch / promo video — SaaS promos, feature reveals, product demos, app and company launches. Use when the user wants to market, launch, promote, or reveal a product; the default for any commercial URL. Site tours / showcases of a website route here too — the brief carries the show-it-as-is intent. Unclear → /hyperframes. --- ## Step 0: Setup ## Step 1: Capture assets ## Step 2: Design System ## Step 3: Storyboard and Script ## Step 3.1: Audio ## Step 4: Frame Visual Design

Ön bilgi ve bölüm başlıkları 2026-09-14 tarihinde kaynak dosyadan okundu · toplam 32.560 karakter

01 Ne yapar

product-launch-video Skill'i Claude Code ve Codex'te Ne Yapar

Özet, iş akışı ve çıktılar; hepsi skill'in SKILL.md dosyasından okundu.

SKILL.md'den14-09-2026 tarihinde okundu · kayıtlı bir çalıştırma değil

Skill'in Kendi İfadeleriyle

Ürün lansmanı ve tanıtım videosu oluşturmayı yedi adımlı bir workflow ile yönetir. Bir ürün URL'si, yapıştırılmış bir senaryo veya bir brief alır ve HyperFrames üzerinden bir MP4 üretir.

Canlı sitelerden marka varlıklarını yakalar, bir frame preset benimser ve bunu marka token'larına göre yeniden düzenler, seslendirmeye göre zamanlanmış çekim dizileriyle bir storyboard yazar, anlatım ve BGM üretir, her frame'i HTML olarak oluşturmak için paralel alt ajanlar gönderir ve lint/check/snapshot doğrulamasından sonra render alır. SaaS tanıtımlarını, özellik açıklamalarını, uygulama lansmanlarını ve site turlarını hedefler. HeyGen'e giriş yapılmış olarak veya yerel TTS/BGM motorlarıyla çevrimdışı çalışır.

Neler üretir

renders/video.mp4 konumunda belirtilen süreyle final MP4 render
Doğrulama için frame ortası ve kesim noktalarındaki anlık görüntülerden oluşan iletişim sayfası
Zamanlanmış çekim dizilerini içeren STORYBOARD.md ve anlatım gerektiğinde SCRIPT.md

Örnek istemi görün ↗

Nasıl Çalışır

01
Brief'i Onaylayın ve Projeyi Başlatın
Bu workflow başlamadan önce niyet katmanı brief'i kilitler.
02
URL'den Varlıkları Yakalama
Ekran görüntülerini, DOM yapısını, marka token'larını (renkler/fontlar), görünür metni ve varlık açıklamalarını toplamak için ürün URL'si üzerinde hyperframes capture'ı çalıştırır.
03
Bir Frame Preset'i Benimseme ve Marka Uyumlu Yeniden Düzenleme
Görünümü markaya uyan gönderilmiş bir frame preset seçer, ardından preset'in FRAME.md dosyasını kopyalamak, marka renklerini/fontlarını preset'in yapısına yeniden eşlemek ve altyazı skin'ini kopyalamak için build-frame.mjs'i çalıştırır.
04
Zamanlanmış Çekim Dizileriyle Storyboard Yazma
Story-spine doktrinini takip ederek STORYBOARD.md ve SCRIPT.md taslaklarını hazırlar.
05
Arka Planda Ses Üretme
Storyboard onayından sonra, seçilen sağlayıcı ve sesle TTS anlatımını başlatır, HeyGen'in müzik kütüphanesinden ruh haline göre BGM getirir, kelime zamanlamalarını üretir ve beklemeden görsel tasarıma devam eder.
06
Frame'leri Paralel Olarak Oluşturmak için Alt Ajanlar Gönderme
Sesin bitmesini bekler, süreleri senkronize eder, ardından her frame için sınırlı bir paket oluşturur ve her biri için bir alt ajan gönderir.

02 Uyumunuzu bulun

product-launch-video Skill Ne Zaman Kullanılır

Claude Code veya Codex'te iş bu tür bir hareket ve video olduğunda product-launch-video skill'ini kullanın. Uygunluk ve sınırlar aşağıda skill'in kendi dosyasından alınmıştır.

İyi Uyum

SaaS tanıtımları, özellik açıklamaları, ürün demoları, uygulama ve şirket lansmanları
Yakalanan sayfanın olduğu gibi gösterildiği site turları veya vitrinler
Anlatım ve varlıklar için yakalanabilecek bir URL'ye sahip ürün

Sınırları Bilin

Başarısız bir URL yakalamasından sonra sentetik bir yedek üretilemez
Yakalama kullanılamaz olduğunda sayfayı icat etmeyin veya yeniden oluşturmayın
Pazarlama dışı niyetler veya sade 'bir video yap' istekleri önce /hyperframes üzerinden yönlendirilir

Ne Sağlamalısınız

Yapıştırılan script veya briefuser_script.txt olarak birebir kaydedilir. VO_MODE (birebir ya da yeniden yapılandırılmış) BRIEF.md'den gelir. Intent katmanı bir script geldiğinde bir kez sorar.
Ses tercihiİstekte bir ses, cinsiyet veya ton belirtiliyorsa, eşleşen bir voice id seçin ve --voice ile geçirin.
Style preset seçimiBRIEF.md bir style_preset belirttiğinde, kullanıcı bunu intent katmanındaki showcase'lerden gözüyle seçmiştir.
Müzik ruh hali veya yokBGM ruh hali storyboard'un music: alanından gelir. music: none, BGM'yi kapatır. Kanonik tamamen sessiz işaretçi, music: none ile birlikte SCRIPT.md'nin olmamasıdır.

03 Skill'in içinde

product-launch-video Skill'in Claude Code ve Codex'e Verdiği Kurallar

SKILL.md'nin ajan için belirlediği 7 somut talimat, varsayılan ve sınır — dosyanın sonucu değiştiren kısmı.

Setup'tan Ayrılmadan Önce Oturum Açma Durumunu Gösterin
hyperframes auth status komutunu çalıştırın ve çıktısını birebir aktarın. Bu, sesin/BGM'nin HeyGen mi yoksa yerel motorları mı kullanacağını bildirir. Çıkış kodu 1, normal oturum kapalı durumudur, bir hata değildir.
İsimlendirilmiş Görünümleri Tasarlamadan Önce Katalogda Arama Yapın
Brief'in adlandırdığı her görünüm (CRT scanlines, glitch, film grain) için, STORYBOARD.md'ye yazmadan önce hyperframes catalog --query komutunu çalıştırın.
Süre Senkronizasyonu Mekaniktir, Asla Elle Düzenlemeyin
Gerçek ses süresi kazanır. Sessiz kareler tahminleri korur. Ses işi tamamlandıktan sonra audio.mjs sync-durations komutunu çalıştırın. Storyboard'daki senkronize süreleri asla elle düzenlemeyin.
Worker'lar Yalnızca Kendi Frame HTML'lerini Yazar
Her alt ajan yalnızca kendi paketini ve frame.md'yi okur, yalnızca compositions/frames/NN-*.html dosyasına yazar ve STORYBOARD.md'yi asla düzenleyemez.
Full-bleed Arka Planlar Clip Katmanında, Kökte Değil
Bir frame'in zemini (renk alanı, gradient, grid) kendi tam süreli arka plan klibidir.
Başarısız Yakalama Kesin Bir Duraklamadır
Sıfır olmayan bir çıkış, JSON ok: false veya capture/BLOCKED.md, yakalama yolunu durdurur. Nedeni bildirin ve kısmi ekran görüntülerini, DOM'u veya varlıkları kullanmayın.
Render'dan Önce Her Zaman Kontrolleri Geçirin
lint, check ve snapshot işlemlerini frame'lerin orta noktalarında ve her kesimde çalıştırın. Layout hatalarını ve pop'ları inceleyin. Render etmeden önce görünür her tutarsızlığı düzeltin.

04 İşe koyun

product-launch-video'yu Claude Code veya Codex'e Yükleyin

Bir npx skills add komutu, ardından ajanınızda ilk görev ve sonuç için bir kontrol listesi.

product-launch-video'yu Claude Code, Codex veya Agent'ınıza Ekleyin

Projenizde çalıştırın; kurulum aracı, bunun hangi ajana ekleneceğini sorar.

Terminal

npx skills add https://github.com/heygen-com/hyperframes --skill product-launch-video

skills/product-launch-video/SKILL.md için genel skills CLI biçimi; repository kendi yolunu belgeleyebilir.

Skill'e İlk Hareket ve Video Görevi Verin

Skill'in kendi terimleriyle yazıldı; köşeli parantezli bölümleri kendi malzemenizle değiştirin.

Starter prompt

Create a product launch video for [our new SaaS platform at example.com]. Show the dashboard interface, key collaboration features, and real-time sync. Use a confident professional voice and keep it under 60 seconds with energetic background music.

Kaynak: SKILL.md'den, skill'in kendi terimleriyle yazıldı.

İlk Sonucu Kontrol Edin

SKILL.md'nin doğru bir sonucun nasıl göründüğüne dair söyledikleri:

Derlenmiş index ve frame'leri doğrulamak için hyperframes lint komutunu çalıştırın
Render etmeden önce yapıyı doğrulamak için hyperframes check komutunu çalıştırın
Frame'lerin orta noktalarında ve her kesimde snapshot alın, pop'lar için görüntüleri karşılaştırın
Enjekte edilen geçişlerin doğru olduğundan emin olmak için transitions'ı doğrulayın
Yakalama JSON'unun ok: true bildirdiğini ve BLOCKED.md dosyasının bulunmadığını doğrulayın
Süreleri senkronize etmeden ve birleştirmeden önce Adım 3.1 sesinin tamamlanmasını bekleyin

OpenDesign'da product-launch-video'yu SKILL.md bağlantısından içe aktarın: Plugins → Add → Skill → Import from link, ardından üst çubukta seçin.

OpenDesign İndir Hızlı başlangıcı okuyun

05 Açık kaynak, izlenebilir

Kaynak, Lisans ve Doğrulama

Bu sayfadaki bilgilerin nereden geldiği ve en son ne zaman kontrol edildiği.

Author: HeyGen
Repository: github.com/heygen-com/hyperframes Dal main
Skill dosyası: skills/product-launch-video/SKILL.md İçerik sağlama toplamı doğrulamada kaydedildi; commit 558c11b
License: Apache-2.0 LICENSE dosyasından.
Repository yıldızları: 49.761 GitHub anlık görüntüsü 2026-09-14 tarihinde tüm heygen-com/hyperframes deposu için alınmıştır ve bu katalogda 9 skill içerir. product-launch-video için bir derecelendirme veya kullanım sayısı değildir.
OpenDesign tarafından doğrulandı: 2026-09-14 Kaynak dosya, yol, lisans metni ve yıldız sayısı kontrol edildi. OpenDesign ana sürümünde dahil değil (2026-08-28 kontrol edildi); bu sayfada canlı bir çalıştırma kaydedilmedi.

SKILL.md içinde

HyperFrames'e Ürün LansmanıOrkestratörün rolüne ve URL'den MP4'e yedi adımlık iş akışına genel bakış
Adım 0: KurulumAmaç katmanından brief'i onaylayın, HyperFrames projesini başlatın, oturum açma durumunu gösterin
Adım 1: Varlıkları yakalayınURL üzerinde hyperframes capture çalıştırın veya yapıştırılan betikten yakalamasız yol oluşturun
Adım 2: Tasarım SistemiBir kare ön ayarı seçin, marka token'larını buna uygulayın, altyazı görünümünü kopyalayın
Adım 3: Storyboard ve SenaryoSTORYBOARD.md ve SCRIPT.md'yi yazın, inceleme döngüsünü çalıştırın, plan onayı alın
Adım 3.1: SesTTS seslendirme, kelime zamanlamalarını oluşturun, ruh haline göre BGM getirin, arka planda çalıştırın
Adım 4: Kare Görsel Tasarımıİşbirlikçiyse taslak panosu çizin, zaman kodlu çekim dizilerini ve hareketi satır içinde ekleyin
Adım 5: Kareleri OluşturunSüreleri senkronize edin, SFX getirin, her kare için alt ajanları görevlendirin, dizini ve altyazıları birleştirin
Adım 6: SonlandırmaGeçişleri ekleyin, lint/check/snapshot çalıştırın, inceleme için duraklatın, MP4'ü render edin
Hızlı ReferansBiçimler, arka plan betikleri ve adıma göre belge referans tablosu

Skill'in Kendi Açıklaması

"Bir ürün veya pazarlama URL'si, yapıştırılan senaryo veya brief'i ürün lansmanı / tanıtım videosuna dönüştürün — SaaS tanıtımları, özellik duyuruları, ürün demoları, uygulama ve şirket lansmanları. Kullanıcı bir ürünü pazarlamak, lansmanını yapmak, tanıtmak veya duyurmak istediğinde kullanın; herhangi bir ticari URL için varsayılandır. Bir web sitesinin site turları / vitrinleri de buraya yönlenir — brief, olduğu gibi gösterme niyetini taşır. Belirsiz → /hyperframes."

SKILL.md'den ön madde açıklaması. Tam dosya yaklaşık 32.560 karakterdir. GitHub'da tam dosyayı okuyun.

06 Kurmadan önce

product-launch-video Skill Hakkında Sorular

Yanıtlar, 2026-09-14 tarihinde okunan SKILL.md üzerinden alınmıştır, kaydedilmiş bir çalıştırmadan değil.

Bu skill'i kullanmak için HeyGen hesabına gerek var mı?

Gerekli değildir. İş akışı, Kurulum'dan çıkmadan önce oturum açma durumunu gösterir ve sesin ile BGM'nin HeyGen veya yerel motorları mı kullanacağını bildirir. Oturum kapalıyken, mevcut yerel motorlar (TTS için Kokoro) üzerinden devam eder. Oturum açmak HeyGen'in Starfish seslerini ve müzik kitaplığını etkinleştirir.

Bu hangi video formatlarını ve sürelerini üretir?

BRIEF.md'deki hedef alanından türetilen yatay 1920x1080, dikey 1080x1920 veya kare 1080x1080. Süre, brief'in uzunluk alanından yaklaşık bir beklenti olarak belirlenir; birleştirme, nihai kurgunun buna göre nerede olduğunu bildirir. Son yanıt, MP4 yolunu ve gerçek süreyi belirtir.

Ürün Lansman Videosu

Gerçek bir Hareket ve Video Görevi üzerinde product-launch-video'yu çalıştırın.

OpenDesign'ı indirin, product-launch-video'yu SKILL.md bağlantısından içe aktarın, yukarıdaki istemi yapıştırın ve sonuçtan önce planı okuyun.

OpenDesign'ı İndirin Tüm skill'lere göz atın