इस प्रोजेक्ट के बारे में

Reel एक ओपन-सोर्स टूल है जो वेब ऐप्लिकेशन और कमांड-लाइन इंटरफेस के लिए डेमो-एज़-कोड (demos-as-code) बनाने के लिए उपयोग किया जाता है। यह एक छोटी YAML स्पेसिफिकेशन (spec) के माध्यम से वास्तविक ऐप को चलाता है — या तो Chromium ब्राउज़र में Playwright के माध्यम से या एक वास्तविक टर्मिनल में — और यह देखता है कि वास्तविकता में क्या होता है। रिकॉर्ड किए गए फुटेज को फिर से अनुकूलित GIF, MP4, WebM फाइलें, PNG स्टोरीबोर्ड और HyperFrames द्वारा संचालित इंटरैक्टिव HTML कंपोजिशन में परिवर्तित किया जाता है। इसका कार्यप्रणाली एक स्पेसिफिकेशन फाइल पर केंद्रित है: आप इसे लिखें या कैप्चर करें, फिर `reel check` चलाएं ताकि हर चरण सही काम कर रहा हो, फिर `reel shoot` चलाएं ताकि फुटेज बन जाए। `reel compose` HyperFrames प्रोजेक्ट की स्काफोल्डिंग करता है, और लेखक द्वारा सीन का वर्णन किया जाता है और फिर रेंडरिंग किया जाता है। मुख्य विशेषताएं: - **कैप्चर मोड**: अपने ऐप को मैन्युअल रूप से चलाएं और Reel को स्पेसिफिकेशन स्वचालित रूप से लिखने की अनुमति दें, स्थिर एक्सेसिबिलिटी-आधारित सेलेक्टर्स सहित। - **सीन ग्रामर**: टाइटल कार्ड, कॉलआउट, हाइलाइट, ट्रांज़िशन, डायग्राम (Mermaid), ज़ूम, स्क्रॉल और ड्रैग गेस्चर जो रिकॉर्डिंग के बजाय निर्देशित अनुक्रमों में संरचित होते हैं। - **डिलीवरी प्रेसेट**: READMEs, सोशल मीडिया, दस्तावेज़ीकरण और उच्च-फिडेलिटी साझाकरण के लिए अनुकूलित आउटपुट। - **ऑडियो**: ElevenLabs या OpenAI के माध्यम से वैकल्पिक नैरेशन, सिंथेसाइज़ किए गए साउंड इफेक्ट, बैकग्राउंड म्यूज़िक और पिक्चर-वेट-फॉर-वॉइस सिंक। - **उपशीर्षक और स्थानीयकरण**: LLM-अनुवादित वेरिएंट्स के साथ साइडकर SRT/VTT फाइलें। - **ऑथेंटिकेशन हैंडलिंग**: एक बार ऑफ-कैमरा साइन-इन करें और Playwright सेशन को सेव करें; डेमो ऑथेंटिकेटेड रिप्ले करते हैं बिना स्पेस में पासवर्ड दिखाए बिना। - **निर्धारितता**: क्लॉक्स को फ्रीज़ करता है, एनिमेशन डिसेबल करता है, लोकेल/टाइमज़ोन को फिक्स करता है ताकि पुनरावृत्ति रिंडरिंग हो सके। - **Claude Code प्लगइन**: `/reel` और `/reel-polish` कौशल के माध्यम से प्राकृतिक भाषा के माध्यम से डेमो बनाएं और सुधारें। - **स्टूडियो UI**: स्पेसिफिकेशन संपादन, लाइव प्रीव्यू के साथ रिकॉर्डिंग, AI लेखन और ड्रिफ्ट-चेकिंग के लिए स्थानीय Next.js इंटरफेस। - **CI इंटीग्रेशन**: `reel check` एक स्मोक टेस्ट के रूप में काम करता है जो पाइपलाइन को फेल कर देता है जब डेमो फ्लो टूट जाते हैं। - **एडिटर सपोर्ट**: VS Code, JetBrains और Neovim के लिए YAML स्कीमा ऑटो-कम्प्लीशन। सभी चीजें स्थानीय रूप से चलती हैं — 100% MIT लाइसेंस, कोई SaaS नहीं, कोई होस्टिंग आवश्यक नहीं। Node.js 22+ और TypeScript की आवश्यकता है।