Show HN: HN.watch – Videos of all Hacker News posts

Hi HN, I’m Per, founder of Scrimba (YC S20). We’ve spent the last decade teaching people how to code with an HTML-based video format. We’ve now plugged an LLM into it, so that people can create explainer videos about anything. It’s called “Scrimba Explain”. To demo this technology for Hacker News, we built HN.watch. It’s like HN, but with explainer videos instead of articles. We create them on-the-fly the first time someone clicks on a link.

While there are obvious visual drawbacks of using HTML instead of diffusion models, there are three big benefits: - Speed: Much faster to generate than pixel-based videos (just a few seconds from click to playback) - Cost: Our cost per video is ~$0.04. (Excluding image generation, which some videos utilize. Quickly blows up the cost) - Easy editing: the above benefits also make AI-assisted editing cheap & fast. Our hypothesis is that if video creation goes from “dollars and minutes” to “cents and seconds”, a bunch of new use cases will be unlocked.

The stack is based on an open-source programming language (Imba) created by our CTO, Sindre Aarsæther. It compiles to JavaScript, so it interoperates fully with the npm + node ecosystem. We’ve also built our own sync engine (OP), and a context management system for agents (Q). We feared this would make the LLMs struggle when writing code for us, as neither is in their training data. However, we’ve been pleasantly surprised to see that LLMs actually are really good at our stack.

If you want to try it out, just take your pick: - The Web UI (scrimba.com/explain) - MCP (add it to your coding agent) - ChatGPT Plugin - Chrome Extension. You can find a link to all of the above in our docs: docs.scrimba.com/explain/introduction. And finally, a real pixel-based video of the tool: youtube.com/watch?v=k6rbHmBxSEs. Would love to hear your feedback and if anyone has ideas for other use cases.

مرحبًا HN، أنا Per، مؤسس Scrimba (YC S20). لقد أمضينا العقد الماضي في تعليم الناس كيفية البرمجة باستخدام تنسيق فيديو يعتمد على HTML. لقد قمنا الآن بدمج LLM فيه، حتى يتمكن الأشخاص من إنشاء فيديوهات شرح حول أي شيء. يُسمى “Scrimba Explain”. لعرض هذه التقنية لـ Hacker News، بنينا HN.watch. إنه مثل HN، ولكن مع فيديوهات شرح بدلاً من المقالات. نقوم بإنشائها فورًا في المرة الأولى التي ينقر فيها شخص ما على رابط.

بينما توجد عيوب بصرية واضحة لاستخدام HTML بدلاً من نماذج الانتشار، هناك ثلاث فوائد كبيرة: - السرعة: أسرع بكثير في التوليد من الفيديوهات القائمة على البكسل (بضع ثوانٍ فقط من النقر إلى التشغيل) - التكلفة: تكلفتنا لكل فيديو حوالي ~$0.04. (باستثناء توليد الصور، الذي تستخدمه بعض الفيديوهات. يرفع التكلفة بسرعة) - سهولة التحرير: الفوائد المذكورة أعلاه تجعل التحرير بمساعدة الذكاء الاصطناعي رخيصًا وسريعًا. فرضيتنا هي أنه إذا انتقل إنشاء الفيديو من “الدولارات والدقائق” إلى “السنتات والثواني”، فسيتم فتح مجموعة من حالات الاستخدام الجديدة.

تعتمد المجموعة على لغة برمجة مفتوحة المصدر (Imba) أنشأها مدير التكنولوجيا التنفيذي لدينا، Sindre Aarsæther. يتم تجميعها إلى JavaScript، لذا فهي تتفاعل بشكل كامل مع نظام npm + node البيئي. لقد بنينا أيضًا محرك المزامنة الخاص بنا (OP)، ونظام إدارة السياق للوكلاء (Q). كنا نخشى أن يجعل هذا LLM يكافح عند كتابة الكود لنا، حيث لا يوجد أي منهما في بيانات التدريب الخاصة بهم. ومع ذلك، فوجئنا بسرور برؤية أن LLM جيدة جدًا في مجموعتنا.

إذا كنت ترغب في تجربتها، فقط اختر: - واجهة الويب (scrimba.com/explain) - MCP (أضفها إلى وكيل البرمجة الخاص بك) - إضافة ChatGPT - إضافة Chrome. يمكنك العثور على رابط لكل ما سبق في وثائقنا: docs.scrimba.com/explain/introduction. وأخيرًا، فيديو حقيقي قائم على البكسل للأداة: youtube.com/watch?v=k6rbHmBxSEs. يسعدنا سماع ملاحظاتك وإذا كان لدى أي شخص أفكار لحالات استخدام أخرى.

হাই HN, আমি Per, Scrimba (YC S20)-এর প্রতিষ্ঠাতা। আমরা গত এক দশক ধরে HTML-ভিত্তিক ভিডিও ফর্ম্যাটের মাধ্যমে মানুষকে কোড করতে শেখাচ্ছি। আমরা এখন এতে একটি LLM যুক্ত করেছি, যাতে লোকেরা যেকোনো বিষয়ে ব্যাখ্যামূলক ভিডিও তৈরি করতে পারে। এটিকে “Scrimba Explain” বলা হয়। Hacker News-এর জন্য এই প্রযুক্তি প্রদর্শনের জন্য, আমরা HN.watch তৈরি করেছি। এটি HN-এর মতো, কিন্তু নিবন্ধের পরিবর্তে ব্যাখ্যামূলক ভিডিও সহ। কেউ প্রথমবার লিঙ্কে ক্লিক করার সময় আমরা সেগুলি তৎক্ষণাৎ তৈরি করি।

যদিও ডিফিউশন মডেলের পরিবর্তে HTML ব্যবহার করার সুস্পষ্ট ভিজ্যুয়াল ত্রুটি রয়েছে, তিনটি বড় সুবিধা রয়েছে: - গতি: পিক্সেল-ভিত্তিক ভিডিওর তুলনায় তৈরি করতে অনেক দ্রুত (ক্লিক থেকে প্লেব্যাক পর্যন্ত মাত্র কয়েক সেকেন্ড) - খরচ: প্রতি ভিডিওতে আমাদের খরচ ~$0.04। (ইমেজ জেনারেশন বাদ দিয়ে, যা কিছু ভিডিও ব্যবহার করে। দ্রুত খরচ বাড়িয়ে দেয়) - সহজ সম্পাদনা: উপরের সুবিধাগুলি AI-সহায়তা সম্পাদনাকে সস্তা এবং দ্রুত করে তোলে। আমাদের অনুমান হল যে যদি ভিডিও তৈরি “ডলার এবং মিনিট” থেকে “সেন্ট এবং সেকেন্ড”-এ পরিবর্তিত হয়, তাহলে অনেক নতুন ব্যবহারের ক্ষেত্র উন্মোচিত হবে।

স্ট্যাকটি আমাদের CTO, Sindre Aarsæther-এর তৈরি একটি ওপেন-সোর্স প্রোগ্রামিং ভাষা (Imba)-এর উপর ভিত্তি করে। এটি JavaScript-এ কম্পাইল হয়, তাই এটি npm + node ইকোসিস্টেমের সাথে সম্পূর্ণরূপে আন্তঃক্রিয়া করে। আমরা আমাদের নিজস্ব সিঙ্ক ইঞ্জিন (OP) এবং এজেন্টদের জন্য একটি প্রসঙ্গ ব্যবস্থাপনা সিস্টেম (Q)ও তৈরি করেছি। আমরা ভয় পেয়েছিলাম যে এটি LLM-কে আমাদের জন্য কোড লেখার সময় সংগ্রাম করতে বাধ্য করবে, কারণ উভয়ই তাদের প্রশিক্ষণ ডেটাতে নেই। তবে, আমরা দেখে আনন্দিতভাবে অবাক হয়েছি যে LLM আসলে আমাদের স্ট্যাকে সত্যিই ভাল।

আপনি যদি এটি চেষ্টা করতে চান, তবে আপনার পছন্দটি বেছে নিন: - ওয়েব UI (scrimba.com/explain) - MCP (আপনার কোডিং এজেন্টে যোগ করুন) - ChatGPT প্লাগইন - Chrome এক্সটেনশন। আপনি আমাদের ডক্সে উপরের সবগুলির লিঙ্ক খুঁজে পেতে পারেন: docs.scrimba.com/explain/introduction। এবং অবশেষে, টুলটির একটি বাস্তব পিক্সেল-ভিত্তিক ভিডিও: youtube.com/watch?v=k6rbHmBxSEs। আপনার মতামত শুনতে এবং কারও কাছে অন্য ব্যবহারের ক্ষেত্রে ধারণা থাকলে জানাতে চাই।

Hallo HN, ich bin Per, Gründer von Scrimba (YC S20). Wir haben das letzte Jahrzehnt damit verbracht, Menschen mit einem HTML-basierten Videoformat das Programmieren beizubringen. Wir haben jetzt ein LLM darin integriert, sodass Menschen Erklärvideos zu allem erstellen können. Es heißt „Scrimba Explain“. Um diese Technologie für Hacker News zu demonstrieren, haben wir HN.watch gebaut. Es ist wie HN, aber mit Erklärvideos anstelle von Artikeln. Wir erstellen sie spontan, wenn jemand zum ersten Mal auf einen Link klickt.

Obwohl es offensichtliche visuelle Nachteile bei der Verwendung von HTML anstelle von Diffusionsmodellen gibt, gibt es drei große Vorteile: - Geschwindigkeit: Viel schneller zu generieren als pixelbasierte Videos (nur wenige Sekunden vom Klick bis zur Wiedergabe) - Kosten: Unsere Kosten pro Video betragen ~$0,04. (Ohne Bildgenerierung, die einige Videos nutzen. Erhöht die Kosten schnell) - Einfache Bearbeitung: Die oben genannten Vorteile machen auch die KI-gestützte Bearbeitung billig und schnell. Unsere Hypothese ist, dass, wenn die Videoerstellung von „Dollar und Minuten“ zu „Cent und Sekunden“ übergeht, eine Reihe neuer Anwendungsfälle erschlossen werden.

Der Stack basiert auf einer Open-Source-Programmiersprache (Imba), die von unserem CTO, Sindre Aarsæther, entwickelt wurde. Sie wird in JavaScript kompiliert und interagiert daher vollständig mit dem npm + node-Ökosystem. Wir haben auch unsere eigene Synchronisations-Engine (OP) und ein Kontextverwaltungssystem für Agenten (Q) gebaut. Wir befürchteten, dass dies die LLMs beim Schreiben von Code für uns behindern würde, da keines von beiden in ihren Trainingsdaten enthalten ist. Wir waren jedoch angenehm überrascht zu sehen, dass LLMs tatsächlich sehr gut mit unserem Stack umgehen können.

Wenn Sie es ausprobieren möchten, wählen Sie einfach: - Die Weboberfläche (scrimba.com/explain) - MCP (fügen Sie es Ihrem Codierungsagenten hinzu) - ChatGPT-Plugin - Chrome-Erweiterung. Einen Link zu all dem finden Sie in unserer Dokumentation: docs.scrimba.com/explain/introduction. Und schließlich ein echtes pixelbasiertes Video des Tools: youtube.com/watch?v=k6rbHmBxSEs. Ich würde mich über Ihr Feedback freuen und wenn jemand Ideen für andere Anwendungsfälle hat.

Hola HN, soy Per, fundador de Scrimba (YC S20). Hemos pasado la última década enseñando a la gente a programar con un formato de video basado en HTML. Ahora hemos integrado un LLM en él, para que la gente pueda crear videos explicativos sobre cualquier cosa. Se llama “Scrimba Explain”. Para demostrar esta tecnología a Hacker News, construimos HN.watch. Es como HN, pero con videos explicativos en lugar de artículos. Los creamos sobre la marcha la primera vez que alguien hace clic en un enlace.

Si bien hay desventajas visuales obvias al usar HTML en lugar de modelos de difusión, hay tres grandes beneficios: - Velocidad: mucho más rápido de generar que los videos basados en píxeles (solo unos segundos desde el clic hasta la reproducción) - Costo: nuestro costo por video es de ~$0.04. (Excluyendo la generación de imágenes, que algunos videos utilizan. Aumenta rápidamente el costo) - Edición fácil: los beneficios anteriores también hacen que la edición asistida por IA sea barata y rápida. Nuestra hipótesis es que si la creación de videos pasa de “dólares y minutos” a “centavos y segundos”, se desbloquearán muchos casos de uso nuevos.

La pila se basa en un lenguaje de programación de código abierto (Imba) creado por nuestro CTO, Sindre Aarsæther. Se compila a JavaScript, por lo que interoperan completamente con el ecosistema npm + node. También hemos construido nuestro propio motor de sincronización (OP) y un sistema de gestión de contexto para agentes (Q). Temíamos que esto hiciera que los LLM tuvieran dificultades al escribir código para nosotros, ya que ninguno está en sus datos de entrenamiento. Sin embargo, nos ha sorprendido gratamente ver que los LLM son realmente buenos con nuestra pila.

Si quieres probarlo, solo elige: - La interfaz web (scrimba.com/explain) - MCP (agrégalo a tu agente de codificación) - Plugin de ChatGPT - Extensión de Chrome. Puedes encontrar un enlace a todo lo anterior en nuestra documentación: docs.scrimba.com/explain/introduction. Y finalmente, un video real basado en píxeles de la herramienta: youtube.com/watch?v=k6rbHmBxSEs. Me encantaría escuchar tus comentarios y si alguien tiene ideas para otros casos de uso.

Salut HN, je suis Per, fondateur de Scrimba (YC S20). Nous avons passé la dernière décennie à apprendre aux gens à coder avec un format vidéo basé sur HTML. Nous avons maintenant intégré un LLM dedans, pour que les gens puissent créer des vidéos explicatives sur n'importe quoi. Ça s'appelle “Scrimba Explain”. Pour démontrer cette technologie à Hacker News, nous avons construit HN.watch. C'est comme HN, mais avec des vidéos explicatives au lieu d'articles. Nous les créons à la volée la première fois que quelqu'un clique sur un lien.

Bien qu'il y ait des inconvénients visuels évidents à utiliser HTML au lieu de modèles de diffusion, il y a trois grands avantages : - Vitesse : beaucoup plus rapide à générer que les vidéos basées sur les pixels (quelques secondes seulement du clic à la lecture) - Coût : notre coût par vidéo est d'environ ~$0.04. (Hors génération d'images, que certaines vidéos utilisent. Augmente rapidement le coût) - Édition facile : les avantages ci-dessus rendent également l'édition assistée par IA bon marché et rapide. Notre hypothèse est que si la création vidéo passe de “dollars et minutes” à “cents et secondes”, de nombreux nouveaux cas d'utilisation seront débloqués.

La pile est basée sur un langage de programmation open source (Imba) créé par notre CTO, Sindre Aarsæther. Il se compile en JavaScript, donc il interopère pleinement avec l'écosystème npm + node. Nous avons également construit notre propre moteur de synchronisation (OP) et un système de gestion de contexte pour les agents (Q). Nous craignions que cela ne fasse que les LLM aient du mal à écrire du code pour nous, car aucun des deux n'est dans leurs données d'entraînement. Cependant, nous avons été agréablement surpris de voir que les LLM sont en fait très bons avec notre pile.

Si vous voulez l'essayer, choisissez simplement : - L'interface Web (scrimba.com/explain) - MCP (ajoutez-le à votre agent de codage) - Plugin ChatGPT - Extension Chrome. Vous pouvez trouver un lien vers tout ce qui précède dans notre documentation : docs.scrimba.com/explain/introduction. Et enfin, une vraie vidéo basée sur les pixels de l'outil : youtube.com/watch?v=k6rbHmBxSEs. J'aimerais avoir vos retours et si quelqu'un a des idées pour d'autres cas d'utilisation.

नमस्ते HN, मैं Per हूँ, Scrimba (YC S20) का संस्थापक। हमने पिछले एक दशक में HTML-आधारित वीडियो प्रारूप के साथ लोगों को कोड करना सिखाया है। अब हमने इसमें एक LLM जोड़ दिया है, ताकि लोग किसी भी चीज़ के बारे में एक्सप्लेनर वीडियो बना सकें। इसे “Scrimba Explain” कहा जाता है। Hacker News के लिए इस तकनीक का प्रदर्शन करने के लिए, हमने HN.watch बनाया। यह HN की तरह है, लेकिन लेखों के बजाय एक्सप्लेनर वीडियो के साथ। हम उन्हें पहली बार किसी के लिंक पर क्लिक करने पर तुरंत बनाते हैं।

जबकि डिफ्यूजन मॉडल के बजाय HTML का उपयोग करने के स्पष्ट दृश्य दोष हैं, तीन बड़े लाभ हैं: - गति: पिक्सेल-आधारित वीडियो की तुलना में उत्पन्न करना बहुत तेज़ (क्लिक से प्लेबैक तक कुछ सेकंड) - लागत: प्रति वीडियो हमारी लागत ~$0.04 है। (छवि निर्माण को छोड़कर, जिसका कुछ वीडियो उपयोग करते हैं। जल्दी से लागत बढ़ा देता है) - आसान संपादन: उपरोक्त लाभ AI-सहायता प्राप्त संपादन को सस्ता और तेज़ बनाते हैं। हमारी परिकल्पना यह है कि यदि वीडियो निर्माण “डॉलर और मिनट” से “सेंट और सेकंड” में बदल जाता है, तो कई नए उपयोग के मामले अनलॉक हो जाएंगे।

स्टैक हमारे CTO, Sindre Aarsæther द्वारा बनाई गई एक ओपन-सोर्स प्रोग्रामिंग भाषा (Imba) पर आधारित है। यह JavaScript में संकलित होता है, इसलिए यह npm + node पारिस्थितिकी तंत्र के साथ पूरी तरह से इंटरऑपरेट करता है। हमने अपना स्वयं का सिंक इंजन (OP) और एजेंटों के लिए एक संदर्भ प्रबंधन प्रणाली (Q) भी बनाई है। हमें डर था कि इससे LLM को हमारे लिए कोड लिखने में संघर्ष करना पड़ेगा, क्योंकि दोनों उनके प्रशिक्षण डेटा में नहीं हैं। हालांकि, हम यह देखकर सुखद आश्चर्यचकित हुए हैं कि LLM वास्तव में हमारे स्टैक में बहुत अच्छे हैं।

यदि आप इसे आज़माना चाहते हैं, तो बस अपनी पसंद चुनें: - वेब UI (scrimba.com/explain) - MCP (इसे अपने कोडिंग एजेंट में जोड़ें) - ChatGPT प्लगइन - Chrome एक्सटेंशन। आप उपरोक्त सभी के लिंक हमारे दस्तावेज़ में पा सकते हैं: docs.scrimba.com/explain/introduction। और अंत में, टूल का एक वास्तविक पिक्सेल-आधारित वीडियो: youtube.com/watch?v=k6rbHmBxSEs। आपकी प्रतिक्रिया सुनकर अच्छा लगेगा और अगर किसी के पास अन्य उपयोग के मामलों के लिए विचार हैं।

Hai HN, saya Per, pendiri Scrimba (YC S20). Kami telah menghabiskan satu dekade terakhir mengajari orang cara membuat kode dengan format video berbasis HTML. Kami sekarang telah memasukkan LLM ke dalamnya, sehingga orang dapat membuat video penjelas tentang apa pun. Ini disebut “Scrimba Explain”. Untuk mendemonstrasikan teknologi ini kepada Hacker News, kami membangun HN.watch. Ini seperti HN, tetapi dengan video penjelas sebagai pengganti artikel. Kami membuatnya dengan cepat saat pertama kali seseorang mengklik tautan.

Meskipun ada kekurangan visual yang jelas dalam menggunakan HTML alih-alih model difusi, ada tiga manfaat besar: - Kecepatan: Jauh lebih cepat untuk dibuat daripada video berbasis piksel (hanya beberapa detik dari klik hingga pemutaran) - Biaya: Biaya kami per video adalah ~$0,04. (Tidak termasuk pembuatan gambar, yang digunakan beberapa video. Dengan cepat meningkatkan biaya) - Pengeditan mudah: manfaat di atas juga membuat pengeditan berbantuan AI menjadi murah dan cepat. Hipotesis kami adalah jika pembuatan video berubah dari “dolar dan menit” menjadi “sen dan detik”, sejumlah besar kasus penggunaan baru akan terbuka.

Stack ini didasarkan pada bahasa pemrograman sumber terbuka (Imba) yang dibuat oleh CTO kami, Sindre Aarsæther. Ini dikompilasi ke JavaScript, sehingga dapat beroperasi penuh dengan ekosistem npm + node. Kami juga telah membangun mesin sinkronisasi kami sendiri (OP), dan sistem manajemen konteks untuk agen (Q). Kami khawatir hal ini akan membuat LLM kesulitan saat menulis kode untuk kami, karena keduanya tidak ada dalam data pelatihan mereka. Namun, kami sangat terkejut melihat bahwa LLM sebenarnya sangat baik dengan stack kami.

Jika Anda ingin mencobanya, silakan pilih: - Web UI (scrimba.com/explain) - MCP (tambahkan ke agen pengkodean Anda) - Plugin ChatGPT - Ekstensi Chrome. Anda dapat menemukan tautan ke semua hal di atas di dokumen kami: docs.scrimba.com/explain/introduction. Dan terakhir, video berbasis piksel nyata dari alat ini: youtube.com/watch?v=k6rbHmBxSEs. Saya ingin mendengar tanggapan Anda dan jika ada yang memiliki ide untuk kasus penggunaan lain.

こんにちはHN、私はScrimba（YC S20）の創業者Perです。私たちは過去10年間、HTMLベースの動画形式で人々にコーディングを教えてきました。今度はそれにLLMを組み込み、人々があらゆるものについて解説動画を作成できるようにしました。それは「Scrimba Explain」と呼ばれています。この技術をHacker Newsにデモするために、HN.watchを構築しました。これはHNのようなものですが、記事の代わりに解説動画があります。誰かがリンクをクリックした最初のタイミングで、その場で動画を作成します。

拡散モデルの代わりにHTMLを使用することには明らかな視覚的欠点がありますが、3つの大きな利点があります：- 速度：ピクセルベースの動画よりもはるかに高速に生成（クリックから再生までわずか数秒）- コスト：動画あたりのコストは約~$0.04。（一部の動画で使用される画像生成は除く。すぐにコストが跳ね上がる）- 簡単な編集：上記の利点により、AI支援編集も安価で高速になります。私たちの仮説は、動画作成が「ドルと分」から「セントと秒」に変われば、多くの新しいユースケースが解放されるというものです。

スタックは、当社のCTOであるSindre Aarsætherが作成したオープンソースのプログラミング言語（Imba）に基づいています。JavaScriptにコンパイルされるため、npm + nodeエコシステムと完全に相互運用できます。また、独自の同期エンジン（OP）とエージェント用のコンテキスト管理システム（Q）も構築しました。どちらもトレーニングデータに含まれていないため、LLMがコードを書くのに苦労するのではないかと心配していました。しかし、LLMが実際に私たちのスタックを非常に得意としているのを見て、嬉しい驚きを覚えました。

試してみたい場合は、以下からお選びください：- Web UI（scrimba.com/explain）- MCP（コーディングエージェントに追加）- ChatGPTプラグイン- Chrome拡張機能。上記のすべてへのリンクは、ドキュメントにあります：docs.scrimba.com/explain/introduction。最後に、ツールの実際のピクセルベースの動画：youtube.com/watch?v=k6rbHmBxSEs。フィードバックや他のユースケースのアイデアがあれば、ぜひお聞かせください。

Olá HN, sou Per, fundador da Scrimba (YC S20). Passamos a última década ensinando as pessoas a programar com um formato de vídeo baseado em HTML. Agora, integramos um LLM nele, para que as pessoas possam criar vídeos explicativos sobre qualquer coisa. Chama-se “Scrimba Explain”. Para demonstrar essa tecnologia para o Hacker News, construímos o HN.watch. É como o HN, mas com vídeos explicativos em vez de artigos. Nós os criamos na hora na primeira vez que alguém clica em um link.

Embora existam desvantagens visuais óbvias em usar HTML em vez de modelos de difusão, há três grandes benefícios: - Velocidade: muito mais rápido de gerar do que vídeos baseados em pixels (apenas alguns segundos do clique à reprodução) - Custo: nosso custo por vídeo é de ~$0,04. (Excluindo a geração de imagens, que alguns vídeos utilizam. Aumenta rapidamente o custo) - Edição fácil: os benefícios acima também tornam a edição assistida por IA barata e rápida. Nossa hipótese é que, se a criação de vídeos passar de “dólares e minutos” para “centavos e segundos”, muitos novos casos de uso serão desbloqueados.

A pilha é baseada em uma linguagem de programação de código aberto (Imba) criada por nosso CTO, Sindre Aarsæther. Ela compila para JavaScript, portanto, interopera totalmente com o ecossistema npm + node. Também construímos nosso próprio mecanismo de sincronização (OP) e um sistema de gerenciamento de contexto para agentes (Q). Temíamos que isso fizesse com que os LLMs tivessem dificuldade ao escrever código para nós, já que nenhum deles está em seus dados de treinamento. No entanto, ficamos agradavelmente surpresos ao ver que os LLMs são realmente muito bons em nossa pilha.

Se você quiser experimentar, basta escolher: - A interface web (scrimba.com/explain) - MCP (adicione ao seu agente de codificação) - Plugin do ChatGPT - Extensão do Chrome. Você pode encontrar um link para tudo isso em nossa documentação: docs.scrimba.com/explain/introduction. E, finalmente, um vídeo real baseado em pixels da ferramenta: youtube.com/watch?v=k6rbHmBxSEs. Adoraria ouvir seus comentários e se alguém tiver ideias para outros casos de uso.

Привет, HN, я Per, основатель Scrimba (YC S20). Мы провели последнее десятилетие, обучая людей программированию с помощью формата видео на основе HTML. Теперь мы интегрировали в него LLM, чтобы люди могли создавать пояснительные видео на любую тему. Это называется “Scrimba Explain”. Чтобы продемонстрировать эту технологию для Hacker News, мы создали HN.watch. Это как HN, но с пояснительными видео вместо статей. Мы создаем их на лету при первом клике по ссылке.

Хотя есть очевидные визуальные недостатки использования HTML вместо диффузионных моделей, есть три больших преимущества: - Скорость: генерируется намного быстрее, чем пиксельные видео (всего несколько секунд от клика до воспроизведения) - Стоимость: наша стоимость одного видео составляет ~$0,04. (За исключением генерации изображений, которую используют некоторые видео. Быстро увеличивает стоимость) - Легкое редактирование: вышеуказанные преимущества также делают редактирование с помощью ИИ дешевым и быстрым. Наша гипотеза заключается в том, что если создание видео перейдет от “долларов и минут” к “центам и секундам”, откроется множество новых вариантов использования.

Стек основан на языке программирования с открытым исходным кодом (Imba), созданном нашим техническим директором, Sindre Aarsæther. Он компилируется в JavaScript, поэтому полностью взаимодействует с экосистемой npm + node. Мы также создали собственный механизм синхронизации (OP) и систему управления контекстом для агентов (Q). Мы опасались, что это заставит LLM испытывать трудности при написании кода для нас, так как ни один из них не содержится в их обучающих данных. Однако мы были приятно удивлены, увидев, что LLM на самом деле очень хорошо работают с нашим стеком.

Если вы хотите попробовать, просто выберите: - Веб-интерфейс (scrimba.com/explain) - MCP (добавьте в своего агента кодирования) - Плагин ChatGPT - Расширение Chrome. Ссылки на все вышеперечисленное вы можете найти в нашей документации: docs.scrimba.com/explain/introduction. И, наконец, реальное пиксельное видео инструмента: youtube.com/watch?v=k6rbHmBxSEs. Буду рад услышать ваши отзывы и идеи для других вариантов использования.

嗨，HN，我是Per，Scrimba（YC S20）的创始人。过去十年，我们一直用基于HTML的视频格式教人们编程。现在我们已将LLM集成其中，让人们可以创建关于任何内容的解释视频。它叫做“Scrimba Explain”。为了向Hacker News演示这项技术，我们构建了HN.watch。它就像HN，但用解释视频代替了文章。我们在有人第一次点击链接时即时创建它们。

虽然使用HTML而非扩散模型有明显的视觉缺陷，但有三大好处：- 速度：比基于像素的视频生成快得多（从点击到播放只需几秒）- 成本：每个视频的成本约为~$0.04。（不包括图像生成，有些视频会用到。这会迅速推高成本）- 易于编辑：上述好处也使AI辅助编辑便宜且快速。我们的假设是，如果视频创作从“美元和分钟”变为“美分和秒”，将会解锁大量新用例。

该技术栈基于我们的CTO Sindre Aarsæther 创建的开源编程语言（Imba）。它编译为JavaScript，因此与npm + node生态系统完全互操作。我们还构建了自己的同步引擎（OP）和代理上下文管理系统（Q）。我们曾担心这会使LLM在为我们编写代码时遇到困难，因为两者都不在其训练数据中。然而，我们惊喜地发现LLM实际上非常擅长我们的技术栈。

如果你想尝试，只需选择：- Web UI（scrimba.com/explain）- MCP（添加到你的编码代理）- ChatGPT插件- Chrome扩展。你可以在我们的文档中找到以上所有链接：docs.scrimba.com/explain/introduction。最后，一个基于像素的真实工具视频：youtube.com/watch?v=k6rbHmBxSEs。期待你的反馈，如果有人有其他用例的想法，也欢迎分享。