remotion-best-practices
78أنشئ مقاطع فيديو Remotion أفضل
تحتاج مشاريع Remotion إلى أنماط صحيحة للتعامل مع الوسائط، والتوقيت، والتسميات التوضيحية، والتصيير. تمنح هذه المهارة Claude وCodex وClaude Code قواعد وأمثلة مركزة لعمل فيديو React.
Preview Remotion Videos in Studio
Starting a local Remotion preview and locating its browser URL can interrupt development. This skill launches Studio and guides you to the active preview.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "remotion-studio" from https://skillstore.io/skills/remotion-dev-remotion-studio.md and its manifest at https://skillstore.io/api/skills/remotion-dev-remotion-studio/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "remotion-studio". Preview the current Remotion project.
النتيجة المتوقعة:
Starts Remotion Studio without opening a browser automatically, then provides the local Studio URL.
جارٍ استخدام "remotion-studio". Open Studio on my preferred port with detailed logs.
النتيجة المتوقعة:
Requests the selected port, enables verbose logging, and reports the available preview URL.
جارٍ استخدام "remotion-studio". Start another Studio instance for comparison.
النتيجة المتوقعة:
Forces a separate Studio process to start and provides its browser URL.
All four static alerts are false positives caused by Markdown fence or inline-code delimiters. The documented command intentionally starts Remotion Studio with fixed arguments, and no command injection or malicious intent was found.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/remotion-dev-remotion-studio/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/remotion-dev-remotion-studio?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/remotion-dev-remotion-studio?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/remotion-dev-remotion-studio/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/remotion-dev-remotion-studio.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>remotion-dev. (2026). remotion-studio security audit report (audit version 1) [Author version 4.0.507]. Skillstore. https://skillstore.io/skills/remotion-dev-remotion-studio/audits/1@techreport{remotion-dev-remotion-dev-remotion-studio-2026,
author = {remotion-dev},
title = {remotion-studio security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/remotion-dev-remotion-studio/audits/1},
note = {Author version 4.0.507}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "remotion-studio security audit report (audit version 1)"
version: "4.0.507"
type: report
authors:
- name: "remotion-dev"
date-released: "2026-08-09"
url: "https://skillstore.io/skills/remotion-dev-remotion-studio/audits/1"
identifiers:
- type: other
value: "skillstore:remotion-dev-remotion-studio:audit:1"
description: "Skillstore immutable audit report identifier"
Launch Studio and open the local URL while developing a Remotion composition.
Start a browser preview for checking animation, timing, and visual updates.
Request a known port and use detailed logs while reviewing a team project.
Start Remotion Studio for this project and open the reported URL in the browser.
Start Remotion Studio on port [PORT], then open the reported browser URL.
Start Remotion Studio with verbose logging and report the URL and important startup messages.
Start a new Remotion Studio instance on port [PORT], even if another instance exists, then open its URL.
المؤلف
remotion-devالترخيص
MIT
إصدار المؤلف
v4.0.507
مراجعة Skillstore
r1
مرجع
e656e23b8041c0682f27d71be62239f322e3b46c
حداثة الصيانة
١٠/٨/٢٠٢٦
الاستخدام
0 تنزيلات · 0 مشاهدات
بنية الملفات
أنشئ مقاطع فيديو Remotion أفضل
تحتاج مشاريع Remotion إلى أنماط صحيحة للتعامل مع الوسائط، والتوقيت، والتسميات التوضيحية، والتصيير. تمنح هذه المهارة Claude وCodex وClaude Code قواعد وأمثلة مركزة لعمل فيديو React.
تصيير مقاطع الفيديو باستخدام Remotion
قد يكون اختيار إعدادات تصدير متوافقة مع Remotion أمرًا صعبًا. توفر هذه المهارة أوامر وأنماط إعداد لمقاطع الفيديو والصور الثابتة وصيغتي ProRes وWebM.
استخراج بيانات تعريف الصوت والفيديو
تتطلب مهام بيانات تعريف الوسائط مصادر إدخال مناسبة عبر مشاريع المتصفح وNode.js وBun وRemotion. توفر هذه المهارة أنماط Mediabunny لقراءة المدد وأبعاد الفيديو من عناوين URL أو الملفات المحلية.
Upgrade Remotion dependencies safely
Remotion upgrades can leave packages and lockfiles out of sync. This skill guides a consistent upgrade for Remotion, Mediabunny, and installed Remotion skills.
Create a Remotion video project
Starting a Remotion project requires a reliable scaffold and video-focused layout choices. This skill creates a blank project, starts Studio, and links to focused guidance for markup, interactivity, layout, and TailwindCSS.
Create Editable Remotion Animations
Remotion animation components can become difficult to adjust in Studio when their editable controls are unclear. This skill directs you to official guidance for designing interactive components and editable media timelines.
إنشاء فيديوهات شرح تفصيلي باستخدام Remotion
بواسطة google-labs-code
تحتاج الفرق إلى فيديوهات شرح سريعة لشاشات التطبيقات، لكن التحرير اليدوي بطيء. تحوّل هذه المهارة شاشات Stitch إلى تركيبات Remotion مع انتقالات وطبقات تراكب.
تحويل مشاريع Remotion إلى HyperFrames
بواسطة heygen-com
قد يفوّت ترحيل Remotion اليدوي اختلافات التوقيت والوسائط والعرض. تقوم هذه المهارة بربط تركيبات React المدعومة بـ HyperFrames والتحقق من الدقة البصرية.
Sync Video With Shot Analysis
بواسطة eternityspring
Shot notes are difficult to compare with footage when they live in separate files. This skill combines both into a synchronized video with an animated shot panel.
إنشاء ملصقات بحثية LaTeX
بواسطة davila7
يصعب تنسيق الملصقات البحثية ومراجعتها للطباعة في LaTeX. توفر هذه المهارة قوالب وإرشادات للتخطيط وفحوصات PDF لملصقات جاهزة للمؤتمرات.
Generate Native-Alpha Transparent Images
بواسطة zseven-w
Image generators can return opaque files or painted checkerboards when transparency is required. This skill generates native-alpha assets and validates every untouched output.
إنشاء قصص معرفية مصورة من مواد مصدرية
بواسطة JimLiu
يصعب تحويل المواد المصدرية الطويلة إلى دروس بصرية واضحة. ترشد هذه المهارة Claude أو Codex أو Claude Code خلال التحليل، وتخطيط لوحات القصة، ومطالبات الصور، وتجميع PDF.