HeyGen HyperFrames: تحويل HTML إلى MP4 لوكلاء الذكاء الاصطناعي

في 17 أبريل 2026، أطلقت HeyGen إطار HyperFrames مفتوح المصدر — أداة تسمح لوكلاء الذكاء الاصطناعي بإنتاج الفيديو بنفس الطريقة التي يكتبون بها صفحات الويب. تصف المشهد، فيكتب Claude Code كود HTML مع رسوم CSS وGSAP، ثم يحوّله CLI إلى ملف MP4 مثالي بدقة البكسل. بلا محرر زمني، بلا مفاتيح API سحابية، وبلا نماذج مبهمة في المسار الحرج.

قد يبدو هذا تحديثاً صغيراً في الأدوات، لكنه ليس كذلك. إنه رهان على أن مستقبل الفيديو البرمجي ليس مكونات React ولا إضافات After Effects، بل نفس HTML الذي تدرّب عليه كل وكيل ذكاء اصطناعي بالفعل.

لماذا HTML هو العنصر الأساسي الصحيح للفيديو بالنسبة للوكلاء

معظم أطر الفيديو تفترض وجود إنسان يجلس أمام محرر زمني. Premiere وAfter Effects وFinal Cut، حتى الأدوات الحديثة مثل Descript، كلها مبنية حول مساحة عمل ينقر عليها الإنسان. لكن الوكلاء لا ينقرون، بل يكتبون النصوص.

قبل HyperFrames كان هناك Remotion وMotion Canvas وهما إطاران ممتازان، لكن كلاهما يعتمد على React ويتطلب من الوكيل إتقان نموذج مخصص: useCurrentFrame ومعرّفات التركيب ودوال الاستيفاء. هذا قابل للتعلم، لكنه ليس أصيلاً في طريقة تدريب نماذج اللغة الكبيرة.

يقلب HyperFrames هذه المعادلة. المشهد هو ملف HTML عادي مع سمات data- تصف التوقيت والانتقالات. CSS يتولى التخطيط والخطوط. GSAP يتولى الحركة. Three.js يتولى البعد الثلاثي. الوكيل يكتب نفس الويب الذي يكتبه منذ سنوات، إلا أن الناتج هذه المرة MP4 بدلاً من علامة تبويب في المتصفح.

HeyGen طبّقت ما تدعو إليه: فيديو الإطلاق الخاص بـ HyperFrames تم إنتاجه بالكامل داخل Claude Code باستخدام HyperFrames نفسه. دورة العمل: أمر للوكيل، معاينة في الاستوديو داخل المتصفح، ثم عرض نهائي.

كيف يعمل خط العرض تقنياً

في العمق، HyperFrames هو خط التقاط إطارات متصفح مضافاً إليه FFmpeg. يشغّل العارض نسخة Chromium بلا واجهة، يحمّل ملف HTML الخاص بالتركيب، ويتقدم الساعة بشكل حتمي، ويلتقط كل إطار بالدقة المستهدفة، ثم يدمج الإطارات في MP4 باستخدام FFmpeg. الرسوم المتحركة لا تُعاين مباشرة، بل تتقدم إطاراً بإطار، مما يعني أن الناتج قابل للتكرار عبر التشغيلات والأجهزة.

هذه الحتمية هي النقطة الثانية المهمة. حين يكرّر الوكيل على فيديو إطلاق مدته 45 ثانية، تريد أن ينتج نفس المدخل نفس البكسلات في كل مرة. بدون ذلك يصبح التصحيح تخميناً. HyperFrames يعامل ملف MP4 كما يعامل المطورون الملفات التنفيذية المترجمة: ناتج حتمي من مصدر ذي إصدار.

كل شيء متاح تحت رخصة Apache 2.0. لا مفاتيح API، لا حدود استخدام، لا رسوم لكل دقيقة عرض، ولا سحابة تابعة لمورّد في السلسلة. تشغّله محلياً، في Docker، أو في مهمة CI.

البدء في ثلاثة أوامر

التثبيت بسيط للغاية إذا كنت تستخدم أي أداة ترميز مدعومة بالمهارات — Claude Code وCursor وCodex وGemini CLI كلها تعمل مباشرة.

npx skills add heygen-com/hyperframes

يسحب هذا حزمة مهارة HyperFrames التي تعلّم وكيلك أنماط الإطار: كيفية هيكلة التركيب، كيفية توقيت الرسوم المتحركة، كيفية استدعاء العارض. أصبح وكيلك الآن يعرف HyperFrames حتى لو لم يره من قبل.

لتوليد فيديو، صفه بنص عادي. مثلاً:

أنشئ فيديو إطلاق منتج مدته 20 ثانية لأداة SaaS تسمى
"Noqta Ops". ابدأ بظهور الشعار تدريجياً فوق خلفية داكنة متدرجة،
ثم انتقل إلى ثلاث بطاقات ميزات (التحليلات، الأتمتة، التنبيهات)
بدخولات GSAP متتابعة، واختم بزر دعوة لاتخاذ إجراء أزرق.

يكتب الوكيل تركيب HTML، تراجعه في استوديو المعاينة، ثم يعرض CLI ملف MP4 النهائي محلياً. ثلاثة أوامر، لا استدعاءات سحابية، ولا تحرير لاحق.

HyperFrames مقابل Remotion: أهداف مختلفة

هذا ليس قاتلاً لـ Remotion، ويستحق الأمر الدقة في تحديد متى يفوز كل أداة. Remotion هو الخيار الصحيح إذا كنت فريق React يبني خط فيديو يحتوي منطقاً برمجياً ثقيلاً: فيديوهات مدفوعة بالبيانات، رسوم بيانية ديناميكية، تخصيص لكل مستخدم على نطاق واسع. نموذج مكونات React يمنحك تحكماً عميقاً وتركيباً نظيفاً للحالة المعقدة.

HyperFrames هو الخيار الصحيح حين يكون الوكيل هو المؤلف الأساسي. النموذج الذهني أصغر. العرض حتمي دون ألعاب عد الإطارات. الناتج يعمل في أي مكان يمكن للمتصفح أن يعرض فيه. لفيديوهات الإطلاق والإعلانات والدروس ومقاطع التواصل الاجتماعي التي يصنعها مشغّل منفرد ووكيل ذكاء اصطناعي، يزيل HyperFrames احتكاكاً لا يزال موجوداً في Remotion.

هناك بُعد ترخيصي أيضاً. رخصة Remotion للمؤسسات تبدأ عند حدود معينة من حجم الفريق والإيرادات. أما HyperFrames فهو Apache 2.0 بلا مستويات. للفرق الصغيرة والمطورين المنفردين — الجمهور الأكثر احتمالاً للسماح لوكيل بإنتاج الفيديو — هذا يهم.

ما الذي يفتحه هذا للفرق الصغيرة

المهم ليس أن HyperFrames موجود، بل ما يعنيه ذلك لشكل البرمجيات قادماً. كان الفيديو آخر معقل في إنشاء المحتوى بقيادة الوكلاء. النص والكود والصور والتصميم كلها أصبحت أصيلة للوكيل الآن. أما الفيديو فكان يتطلب إما إنساناً أمام محرر زمني أو نموذجاً توليدياً مبهماً يهلوس أحياناً بيد ثالثة.

HyperFrames يجعل الفيديو خطوة بناء. نفس الوكيل الذي يكتب نسخة صفحتك الرئيسية ويولّد صورة Open Graph ويشحن مكونات React يمكنه الآن إنتاج فيديو الإطلاق لتلك الميزة. لشركة ناشئة من شخصين أو مشغّل منفرد في منطقة الشرق الأوسط وشمال أفريقيا، هذا تحول حقيقي — يصبح بند ميزانية الفيديو "بضعة دولارات من رموز الوكيل ودقيقة عرض في CI".

الترخيص مفتوح المصدر مهم هنا أيضاً. يمكنك تشغيل هذا على بنيتك التحتية، تخصيص حزمة المهارة لعلامتك التجارية، توصيل الناتج بنظام إدارة المحتوى، ولن تسلّم نص عميل لواجهة فيديو خارجية. هذا نوع التحكم الذي تطلبه المؤسسات والصناعات المنظمة منذ أن أصبح الفيديو التوليدي سائداً.

النمط الأكبر

HyperFrames جزء من تحول أوسع في 2026: أدوات مصممة للوكلاء بدلاً من البشر المدعومين بوكلاء. gh skill من GitHub يشحن مهارات الوكلاء كحزم قابلة للتثبيت. مهارات الوكلاء مع SKILL.md أصبحت المعيار العالمي عبر أكثر من 30 أداة. الآن ينضم الفيديو إلى القائمة. تتحول الواجهات من واجهات رسومية مضاف إليها الذكاء الاصطناعي إلى أسطح نصية يقودها الوكيل من طرف إلى طرف.

إذا كنت تشحن محتوى تسويقياً أو دروساً تقنية أو إطلاقات منتجات — وخاصة إذا كنت فريقاً صغيراً ينافس فرقاً أكبر بكثير — فـ HyperFrames يستحق عشرين دقيقة من بعد ظهرك. ثبّته، دع Claude Code يكتب فيديو إطلاق، وانظر ما إذا كانت النتيجة تغيّر نموذجك الذهني عما يمكن لوكيل شحنه.

المستودع عام. الترخيص متساهل. التثبيت أمر واحد. لم يكن هناك وقت أفضل للسماح لوكيل بإنتاج فيديوك القادم.