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.

हाइपरफ्रेम्स के लिए सभी एनिमेशन ज्ञान — परमाणु गति नियम, बहु-चरण दृश्य ब्लूप्रिंट, दृश्य संक्रमण, व्यापक मोशन-डिज़ाइन तकनीकें, और सात रनटाइम एडाप्टर (डिफ़ॉल्ट GSAP, साथ ही Lottie, Three.js, Anime.js, CSS कीफ्रेम्स, वेब एनिमेशन API, TypeGPU)। किसी भी मोशन या एनिमेशन कार्य के लिए उपयोग करें: 2-4 नियम चुनें और रचना करें, या ब्लूप्रिंट लोड करें, या रनटाइम-विशिष्ट API (जैसे GS

हाइपरफ्रेम्स HTML संरचना अनुबंध। संरचना संरचना, डेटा विशेषताओं, क्लिप्स, ट्रैक्स, उप-संरचनाओं, चर, मीडिया प्लेबैक, नियतात्मक रेंडर नियमों और न्यूनतम रेंडर करने योग्य परियोजनाओं के सत्यापन के लिए उपयोग करें।

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.

Install and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add, installing a block or component, wiring an installed item into index.html, or working with hyperframes.json. Covers the add command, install locations, block sub-composition wiring, component snippet merging, registry discovery, and authoring a new block or component to contribute upstream (idea → scaffold → validate → PR).

जब कोई विशेष वर्कफ़्लो उपयुक्त न हो, तो कस्टम HyperFrames HTML वीडियो कंपोज़िशन लेखन के लिए फ़ॉलबैक के रूप में उपयोग करें। लंबे या बहु-दृश्य टुकड़ों, ब्रांड/सिज़ल रीलों, मोंटाज, टाइटल कार्ड, किसी भी लंबाई पर मोशन पोस्टर, स्टैटिक लूप और किसी भी लंबाई या प्रारूप पर फ्रीफ़ॉर्म कंपोज़िशन को कवर करता है। विपणन उत्पाद प्रोमो (product-launch-video), सामान्य वेबसाइट-से-वीडियो क

उपयोग तब करें जब उपयोगकर्ता को एक छोटी, डिज़ाइन-प्रधान मोशन ग्राफिक चाहिए जहाँ गति ही संदेश हो: काइनेटिक टाइपोग्राफी, स्टेट या नंबर काउंट-अप, चार्ट/डेटा-विज़ हिट, लोगो स्टिंग, ब्रांड लॉकअप, लोअर-थर्ड, कॉलआउट, सोशल ओवरले, एनिमेटेड हेडलाइन/ट्वीट/न्यूज़ आइटम, मोशन पोस्टर, या त्वरित कैप्चर्ड-पेज हाइलाइट। आम

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`.