remotion-render
تحويل كود React/Remotion إلى مقاطع فيديو
متاح أيضًا من: inference-sh-8,inference-sh-7
تحويل كود React TSX إلى مقاطع فيديو احترافية بصيغة MP4 باستخدام Remotion. إنشاء الفيديو برمجياً للمطورين ومنشئي المحتوى وسير العمل الآلي.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "remotion-render". إنشاء فيديو بخصائص مخصصة
النتيجة المتوقعة:
تستقبل مكون Remotion الخصائص وتُعرض فيديو مخصصاً مع العنوان والعنوان الفردي المقدمين.
التدقيق الأمني
آمنAll 43 static findings are false positives. External commands (infsh app run) are hardcoded service invocations, not arbitrary execution. Network requests go to the legitimate inference.sh rendering service. No malicious patterns detected.
عوامل الخطر
⚙️ الأوامر الخارجية (31)
🌐 الوصول إلى الشبكة (8)
درجة الجودة
ماذا يمكنك بناءه
فيديوهات توثيق المطورين
أتمتة إنشاء فيديوهات الدروس والتوثيق من خلال كتابة مكونات React بدلاً من استخدام برامج تحرير الفيديو
المحتوى على وسائل التواصل الاجتماعي
إنشاء منشورات وتحليلات ومقاطع فيديو ترويجية متحركة من قوالب الكود
أتمتة الفيديو المدعوم بالبيانات
إنشاء مقاطع فيديو تصور البيانات أو المقاييس أو التحليلات من خلال تمرير خصائص ديناميكية لمكونات Remotion
جرّب هذه الموجهات
قم بعرض فيديو باستخدام مهارة remotion-render. أنشئ رسماً متحركاً بسيطاً مع نص 'Hello World' في المنتصف يتلاشى في الظهور خلال 3 ثوانٍ بمعدل 30 إطاراً في الثانية بدقة 1920x1080.
استخدم remotion-render لإنشاءعداد تقدم متحرك من 0 إلى 100% خلال 5 ثوانٍ بمعدل 60 إطاراً في الثانية. يجب أن يظهر العداد في منتصف خلفية سوداء بنص أبيض كبير.
إنشاء فيديو remotion-render مع 3 عناصر نصية متتالية تتلاشى في الظهور واحدة تلو الأخرى. يجب أن يظهر كل نص لمدة ثانية واحدة مما يخلق رسوماً متحركة تسلسلية.
قم بعرض فيديو remotion-render يقبل خصائص للعنوان والعنوان الفرعي. مرر title='Welcome' وsubtitle='Created with AI' لإنشاء شريحة افتتاحية ذات علامة تجارية.
أفضل الممارسات
- ابدأ بالرسوم المتحركة البسيطة وأضف التعقيد تدريجياً أثناء تعلم واجهات برمجة Remotion
- استخدم البث للفيديوهات الأطول لتتبع تقدم العرض
- اختبر كود TSX في Remotion Studio قبل العرض لاكتشاف الأخطاء مبكراً
- حافظ علىقصيرة أثناء التطوير لتقليل وقت العرض
تجنب
- لا تحاول عرض فيديوهات طويلة جداً (أكثر من 60 ثانية) بدون البث - لن ترى التقدم
- تجنبالرسوم المتحركة المتداخلة المعقدة التي تتجاوز حدود مهلة العرض
- لا تمرر كميات كبيرة من البيانات كخصائص - حافظ على قيم الخصائص بسيطة
- تجنب استخدام صور أو أصول خارجية قد تفشل في التحميل أثناء العرض