hyperframes-read-first

HyperFrames CLI dev loop — `npx hyperframes` for scaffolding (init), validation (lint, inspect), preview, render, and environment troubleshooting (doctor, browser, info, upgrade). Use when running any of these commands or troubleshooting the HyperFrames build/render environment. For asset preprocessing commands (`tts`, `transcribe`, `remove-background`), invoke the `hyperframes-media` skill instead.

HyperFrames için tüm animasyon bilgisi — atomik hareket kuralları, çok aşamalı sahne şablonları, sahne geçişleri, geniş kapsamlı hareket tasarımı teknikleri VE yedi çalışma zamanı bağdaştırıcısı (varsayılan GSAP, ayrıca Lottie, Three.js, Anime.js, CSS anahtar kareleri, Web Animasyonları API'si, TypeGPU). Herhangi bir hareket veya animasyon görevi için kullanın: 2-4 kural seçip birleştirin, bir şablon yükleyin veya çalışma zamanına özgü API'yi (ör. GSAP yumuşatmaları / Lottie oynatıcı / Three.js miksajcı) sorgulayın. HyperFrames-native: tek duraklatılmış zaman çiz

HyperFrames HTML kompozisyon sözleşmesi. Kompozisyon yapısı, veri nitelikleri, klipler, parçalar, alt kompozisyonlar, değişkenler, medya oynatımı, deterministik render kuralları ve minimum render edilebilir projelerin doğrulaması için kullanılır.

Asset preprocessing for HyperFrames compositions — multi-provider TTS (HeyGen / ElevenLabs / Kokoro local), multi-provider BGM (Google Lyria / local MusicGen), Whisper transcription, background removal, and caption authoring. Use for npx hyperframes tts, bgm, transcribe, remove-background, voice/provider selection, music-mood prompting, captions / subtitles / lyrics / karaoke / per-word styling.

HyperFrames kompozisyonlarına kayıt blokları ve bileşenleri kurup bağlayın. hyperframes add çalıştırırken, bir blok veya bileşen kurarken, kurulu bir öğeyi index.html'e bağlarken veya hyperframes.json ile çalışırken kullanın. add komutunu, kurulum konumlarını, blok alt kompozisyon bağlantısını, bileşen snippet birleştirmeyi, kayıt keşfini ve yukarı akışa katkıda bulunmak için yeni bir blok veya bileşen yazmayı (fikir → iskelet → doğrulama → PR) kapsar.

Hi̇çbir özelleşmiş iş akışı uymadığında, özel HyperFrames HTML video kompozisyonu oluşturma için yedek olarak kullanın. Daha uzun veya çok sahneli parçaları, marka/tanıtım reellerini, montajları, başlık kartlarını, uzun hareketli posterleri, statik döngüleri ve herhangi bir uzunluk veya formatta serbest kompozisyonları kapsar. Pazarlanan ürün tanıtımları (product-launch-video), genel web sitesinden videoya çekim (website-to-video), konu anlatımları (faceless-explainer), GitHub PR videoları (pr-to-video), mevcut görüntüleri altyazılama... için değildir.

Kullanıcının kısa, tasarım odaklı ve hareketin mesajı ilettiği bir motion grafik istediğinde kullanılır: kinetik tipografi, istatistik veya sayı sayacı, grafik/veri görselleştirme vurgusu, logo animasyonu, marka birleşimi, alt üçlük, çağrı, sosyal katman, animasyonlu başlık/tweet/haber ögesi, hareketli poster veya hızlı yakalanmış sayfa vurgusu. Genellikle 10 saniyenin altında ve en fazla ~30 saniye olup, anlatı akışı, seslendirme veya canlı aksiyon öznesi içermez. MP4 veya şeffaf katman olarak işlenebilir. Daha uzun, çok sahneli, seslendirmeli veya marka

Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use `hyperframes-animation`.