Kullanım kılavuzuna geç
faceless-explaineryazan HeyGen

Faceless Explainer Skill.

Claude Code ve Codex için bir hareket ve video skill'i: metin, notlar veya bir makaleyi üretilmiş sahne görselleriyle yüzsüz açıklayıcı videoya dönüştürür.

  • Motion & Video
  • Video
heygen-com/hyperframes · skills/faceless-explainer/SKILL.mdSKILL.md
--- name: faceless-explainer description: Turn arbitrary text — an article, notes, a topic, a brief — into a faceless explainer video: there is no site or footage to capture, so the visuals are invented per scene (typography, abstract graphics, diagrams, data-viz). Use for topic explainers, concept breakdowns, how-tos, listicles. Not a video built from a website (/product-launch-video — promo or tour). Unclear → /hyperframes. --- ## Step 0: Setup ## Step 1: Brief (no capture) ## 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ı yukarı akış dosyasından 2026-09-14 tarihinde okundu · tam haliyle 29.476 karakter

01 Ne yapar

faceless-explainer 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

Herhangi bir metni — bir makaleyi, notları, bir konuyu, bir brief'i — icat edilmiş sahne görselleriyle (tipografi, soyut grafikler, diyagramlar, veri görselleştirme) yüzsüz bir açıklayıcı videoya dönüştürür. Yedi düzenlenmiş adım üzerinden çalışır: brief onayı içeren kurulum, sentetik yakalama paketi (web sitesi yok), isteğe bağlı marka token yeniden düzenlemesiyle birlikte gönderilen çerçeve ön ayarlarından tasarım sistemi seçimi, girdiyi yeniden şekillendirmek için anlatı tasarımı kullanan storyboard ve senaryo, TTS ve BGM ile ses üretimi, icat edilmiş öğelerle zaman kodlu çekim dizileri ekleyen görsel tasarım, alt ajanlar aracılığıyla paralel çerçeve oluşturma ve nihai render.

İşbirlikli modda 0, 3 ve 6. Adımlarda kullanıcı onaylı kontrol noktaları. Yüzsüz olması, bir yakalama adımı ve gerçek varlık envanteri olmadığı anlamına gelir — her görsel, aşağı akışta çalışanlar tarafından icat edilir.

Neler üretir

  • Kare kare öğretim planı, zaman kodlu çekim sıraları ve türetilmiş odak/rollerle STORYBOARD.md
  • compositions/frames/NN-*.html — alt ajanlar tarafından oluşturulan, kare başına bir HTML kompozisyonu
  • renders/video.mp4 — 1920x1080 yatay, 1080x1920 dikey veya 1080x1080 kare formatta nihai render edilmiş video
Örnek istemi görün ↗

Nasıl Çalışır

  1. 01
    Brief'i Onaylayın ve Projeyi Başlatın

    BRIEF.md mevcuttur ve modu belirler — onu okuyun ve hiçbir şey sormayın. Eksikse ve proje yeniyse brief'i sabitlemek için intent katmanını çalıştırın.

  2. 02
    Sentetik Yakalama Paketi Oluşturun

    Kullanıcının tam girdisini olduğu gibi capture/extracted/visible-text.txt olarak kaydedin (bilgi kaynağı).

  3. 03
    Frame Ön Ayarı Seçin ve frame.md Oluşturun

    hyperframes-creative/frame-presets/ içinden konuya ve tona uyan bir hazır ön ayar seçin.

  4. 04
    Anlatı Tasarımıyla Storyboard Yazın

    story-design.md yapısını kullanarak metni kare kare öğretim planına dönüştürün.

  5. 05
    Ses Oluşturun ve Görsel Tasarım Ekleyin

    TTS, kelime zamanlamaları ve HeyGen kütüphanesinden BGM için audio.mjs'yi arka planda çalıştırın.

  6. 06
    Kareleri Oluşturun ve Dizini Birleştirin

    Süreleri senkronize edin, kare başına paketler oluşturun, her kare için paralel olarak bir alt ajan gönderin. Her çalışan compositions/frames/NN-*.html dosyasını yazar. Altyazıları arka planda oluşturun.

02 Uyumunuzu bulun

faceless-explainer Skill Ne Zaman Kullanılır

Claude Code veya Codex içinde iş bu tür hareket ve video olduğunda faceless-explainer skill kullanın. Aşağıdaki uygunluk ve sınırlar, skill'in kendi dosyasından alınmıştır.

İyi Uyum

  • Konu açıklamaları, kavram analizleri, nasıl yapılır içerikleri ve liste makaleleri
  • Ürün olmadan ve yakalanacak bir web sitesi olmadan metinden bir konuyu açıklama
  • Her görselin türetilmesi gerektiğinde: tipografi, abstract grafikler, diyagramlar veya veri görselleştirme

Sınırları Bilin

  • Ürün tanıtımı veya tur için bir web sitesinden oluşturulan video
  • Bir yakalama adımı veya gerçek varlık envanteri gerektiğinde
  • Basit bir "video yap" isteği veya herhangi bir belirsizlik — önce intent katmanından geçmelidir

Ne Sağlamalısınız

  • Rastgele metin kaynağıBir makale, notlar, bir konu veya bir brief — tam girdi olduğu gibi capture/extracted/visible-text.txt olarak kaydedilir.
  • İsteğe bağlı kullanıcı senaryosuKullanıcı bir senaryo yapıştırdıysa veya kendi ifadesinin korunmasını istiyorsa, bunu olduğu gibi user_script.txt olarak kaydedin. VO_MODE (birebir veya yeniden yapılandırılmış) BRIEF.md'den gelir.
  • İsteğe bağlı marka renkleri veya fontlarıKullanıcı açıkça marka renkleri veya fontları vermediyse tokens.json içindeki colors ve fonts alanlarını boş bırakın.
  • İsteğe bağlı ses tercihiİstekte bir ses, cinsiyet veya ton belirtilmişse, buna uyan bir ses kimliği seçin ve --voice <id> parametresini geçin.
  • İsteğe bağlı gerçek görselKullanıcı gerçek bir görsel sağladıysa, bunu public/<basename> altına yerleştirin ve Adım 3 için not edin.

03 Skill'in içinde

faceless-explainer Skill'inin 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ı.

  1. Brief İşleme için Açılış Kuralı

    BRIEF.md mevcutsa, onu okuyun ve hiçbir şey sormayın — brief kesinleşmiştir.

  2. Faceless Videolar için Yakalama Adımı Yok

    npx hyperframes capture komutunu çalıştırmayın — ortada bir URL yoktur. asset-descriptions.md oluşturmayın veya capture/assets/ içini doldurmayın. Faceless görseller Adım 4-5'te yakalanmaz, icat edilir.

  3. Adımları Sırayla ve Kapılarla Çalıştırın

    Adım 0 kurulum, Adım 1 brief, Adım 2 design system, Adım 3 storyboard, Adım 3.1 ses, Adım 4 görsel tasarım, Adım 5 frame'ler, Adım 6 sonlandırma üzerinde çalışın.

  4. Asset_candidates'ı Varsayılan Olarak Boş Bırakın

    Yüzsüz videolarda kareler bir varlık envanteri taşımaz. Kullanıcı gerçek bir public/<basename> görseli sağlamadıysa asset_candidates'i boş bırakın.

  5. Görünümleri İcat Etmeden Önce Kataloğu Arayın

    Brief'in bahsettiği her adlandırılmış görünüm, efekt veya geçiş için, STORYBOARD.md'ye yazmadan önce sade bir İngilizce ile npx hyperframes catalog --query komutunu çalıştırın.

  6. Clip Katmanında Full-bleed Arka Planlar

    Bir frame'in zemini (renk alanı, gradyan, ızgara) class="clip" ile kendi tam süreli arka plan klibidir.

  7. Süre Senkronizasyonu Mekaniktir

    Gerçek ses süresi kazanır; sessiz frame'ler tahminleri korur. Adım 3.1 tamamlandıktan sonra audio.mjs sync-durations komutunu çalıştırın. Senkronize edilmiş süreleri asla elle düzenlemeyin.

04 İşe koyun

Claude Code veya Codex içine faceless-explainer kurun

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

Claude Code, Codex veya Ajanınıza faceless-explainer 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 faceless-explainer

skills/faceless-explainer/SKILL.md için genel skills CLI formu; depo 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
Turn this article about compound interest into a 60-second explainer video for young adults. Use clean modern graphics with invented diagrams showing how money grows over time. Keep the tone approachable and use a female voice for narration. Format: [landscape/portrait/square]. Destination: [Instagram/YouTube/LinkedIn].

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:

  • Yapıyı doğrulamak için npx hyperframes lint komutunu çalıştırın
  • Metin taşmalarını ve düzen sorunlarını yakalamak için npx hyperframes check komutunu çalıştırın
  • Kontak föyü oluşturmak için frame orta noktalarında npx hyperframes snapshot komutunu çalıştırın, belirgin bozulmalar için göz atın
  • Altyazı kelimelerinde (#caption-word-*, .caption-line) 1-4px text_box_overflow'u göz ardı edin — dar satır yüksekliğinden kaynaklanan beklenen yanlış pozitif
  • text_box_overflow'a yalnızca bir frame elementini (#el-NN-*) adlandırdığında müdahale edin, bir altyazı kelimesini değil
  • Geçiş zamanlamasını kontrol etmek için nihai render öncesinde transitions.mjs inject ve verify komutlarını çalıştırın

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

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
Skill dosyası
skills/faceless-explainer/SKILL.md Doğrulamada içerik sağlama toplamı 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'te tüm heygen-com/hyperframes deposu için alınmıştır; bu depoda katalogda yer alan 9 beceri bulunur. faceless-explainer 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

  1. Adım 0: KurulumBrief'i onaylayın, projeyi başlatın, BRIEF.md'yi yazın, tercihleri kaydedin, oturum açma durumunu gösterin
  2. Adım 1: Brief (yakalama yok)Girdiyi visible-text.txt olarak kaydedin, sentetik tokens.json oluşturun, web sitesi yakalama veya varlık yok
  3. Adım 2: Tasarım SistemiHazır çerçeve ön ayarını seçin, marka token'larını ön ayara yeniden karıştırmak için build-frame.mjs'yi çalıştırın
  4. Adım 3: Storyboard ve SenaryoAnlatı tasarımıyla kare kare öğretim planı yazın, teklif olarak sunun, onaylanana kadar döngüye alın
  5. Adım 3.1: SesTTS ile anlatım oluşturun, kelime zamanlamaları, HeyGen kitaplığından BGM, ses meta verisi
  6. Adım 4: Kare Görsel TasarımıZaman kodlu çekim dizileri ekleyin, icat edilmiş fokal noktalar/roller, sahne başına satır içi düzen ve hareket
  7. Adım 5: Kareleri OluşturSüreleri senkronize edin, paketler oluşturun, kare başına alt ajanları görevlendirin, dizini birleştirin, altyazıları oluşturun
  8. Adım 6: SonlandırmaGeçişler ekleyin, lint/kontrol/anlık görüntü çalıştırın, inceleme için duraklatın, son MP4'ü render edin
  9. Hızlı ReferansFormatlar, yakalanmış-varlık iş akışına kıyasla faceless farkları, arka plan betikleri, referans tablosu
Skill'in Kendi Açıklaması
"Rastgele bir metni — bir makale, notlar, bir konu, bir brief — yüzsüz bir açıklayıcı videoya dönüştürür: yakalanacak bir site veya görüntü yoktur, bu nedenle görseller sahne başına icat edilir (tipografi, soyut grafikler, diyagramlar, veri görselleştirme). Konu açıklayıcıları, kavram ayrıntıları, nasıl yapılır kılavuzları, liste makaleleri için kullanın. Bir web sitesinden oluşturulan video değil (/product-launch-video — tanıtım veya tur). Belirsiz → /hyperframes."

SKILL.md dosyasından ön bilgi açıklaması. Dosyanın tamamı yaklaşık 29.476 karakterdir. GitHub'da dosyanın tamamını okuyun.

06 Kurmadan önce

faceless-explainer 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, işbirlikçi ve otonom modlarda çalışır mı?

Evet. İşbirlikçi modda, kullanıcı onay kapıları Adım 0, 3 ve 6'da çalışır ve Adım 4'te taslak incelemesi yapılır. Otonom modda, aynı özet bir bilgilendirme olarak paylaşılır ve taslaklar yapıya dahil edilerek gizlenir; Adım 6'da tek bir önizleme sorusu korunur.

Ses veya müzik için HeyGen hesabım yoksa ne olur?

Adım 0, devam etmeden önce oturum açma durumunu gösterir. Oturum kapalıyken ses otomatik olarak yerel motorlara geçer (TTS için Kokoro). Oturum açmayı beklemek için işbirlikçi modu veya mevcut yerel motorlarla devam etmek için otonom modu seçebilirsiniz.

Çıktı hangi video formatlarını destekler?

Yatay 1920x1080, dikey 1080x1920 veya kare 1080x1080. Format, BRIEF.md'deki hedeften türetilir ve storyboard frontmatter'ında bir kez ayarlanır.

Faceless Explainer

faceless-explainer becerisini gerçek bir Hareket ve Video görevinde çalıştırın.

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

Terminal
npx skills add https://github.com/heygen-com/hyperframes --skill faceless-explainer

OpenDesign Masaüstü

Tek tasarım sistemi. Her çıktıda tutarlı bir marka

Tam Vibe Design Workspace içinde aynı marka kurallarını web sitelerine, sunumlara, etkileşimli prototiplere, panolara, görsellere ve HTML videolara uygulayın. Yerel Codex, Claude Code, Cursor ve diğer kodlama ajanlarını bağlayıp ücretsiz üretin.

  • Web, sunum, prototip, pano, görsel ve video
  • 140+ tasarım sistemi ve eksiksiz şablon ile beceri kitaplığı
  • Yerel Codex ve 21+ kodlama ajanını bağlayın · Ücretsiz
Ücretsiz indir

macOS ve Windows için