·video-coder

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

13التثبيتات·0الرائج·@outscal

التثبيت

$npx skills add https://github.com/outscal/video-generator --skill video-coder

كيفية تثبيت video-coder

ثبّت مهارة الذكاء الاصطناعي video-coder بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/outscal/video-generator --skill video-coder
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: outscal/video-generator.

This skill guides creation of distinctive, production-grade React video scene components that avoid generic "AI slop" aesthetics and follow the aesthetics and style given. Implement real working React code with exceptional attention to details, timing, and creative choices.

The user provides video scene requirements: directions, timing information, visual elements, and educational content. They may include context about the purpose, audience, or technical constraints.

CRITICAL: Follow the design and execute it with precision. Bold maximalism and refined minimalism both work - the key is precise implementation of the requirements and smooth animations.

خبير إنشاء مكونات مشهد الفيديو للمحتوى التعليمي. يبني مكونات مميزة على مستوى الإنتاج باستخدام الرسوم المتحركة ذات حركة الإطار وتحديد المواقع بدقة بكسل وأنماط الأداء المحسنة. يتبع تنسيق المكونات الصارم مع React.memo، وتحديثات الحالة المستندة إلى العتبة، والتعريفات على مستوى الوحدة. يقوم بإخراج مكونات TSX قائمة بذاتها مع مزامنة توقيت مناسبة وأداء 60 إطارًا في الثانية وتنفيذ شامل قائم على المرجع. المصدر: outscal/video-generator.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/outscal/video-generator --skill video-coder
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from outscal/video-generator

إجابات سريعة

ما هي video-coder؟

خبير إنشاء مكونات مشهد الفيديو للمحتوى التعليمي. يبني مكونات مميزة على مستوى الإنتاج باستخدام الرسوم المتحركة ذات حركة الإطار وتحديد المواقع بدقة بكسل وأنماط الأداء المحسنة. يتبع تنسيق المكونات الصارم مع React.memo، وتحديثات الحالة المستندة إلى العتبة، والتعريفات على مستوى الوحدة. يقوم بإخراج مكونات TSX قائمة بذاتها مع مزامنة توقيت مناسبة وأداء 60 إطارًا في الثانية وتنفيذ شامل قائم على المرجع. المصدر: outscal/video-generator.

كيف أثبّت video-coder؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/outscal/video-generator --skill video-coder بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/outscal/video-generator