·managing-media

ينفذ مكونات إدارة الوسائط والملفات بما في ذلك تحميل الملفات (السحب والإسقاط، الملفات المتعددة، القابلة للاستئناف)، ومعارض الصور (العرض المبسط، والعرض الدائري، والبناء)، ومشغلات الفيديو (عناصر التحكم المخصصة، والتسميات التوضيحية، والتدفق التكيفي)، ومشغلات الصوت (الشكل الموجي، وقوائم التشغيل)، وعارضي المستندات (PDF، Office)، واستراتيجيات التحسين (الضغط، الصور سريعة الاستجابة، التحميل البطيء، CDN). يُستخدم عند التعامل مع الملفات أو عرض الوسائط أو إنشاء تجارب محتوى غنية.

16التثبيتات·0الرائج·@ancoleman

التثبيت

$npx skills add https://github.com/ancoleman/ai-design-components --skill managing-media

كيفية تثبيت managing-media

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

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

المصدر: ancoleman/ai-design-components.

This skill provides systematic patterns for implementing media and file management components across all formats (images, videos, audio, documents). It covers upload workflows, display patterns, player controls, optimization strategies, and accessibility requirements to ensure performant, accessible, and user-friendly media experiences.

For detailed selection criteria, reference references/implementation-guide.md.

For complete requirements, reference references/accessibility-patterns.md.

ينفذ مكونات إدارة الوسائط والملفات بما في ذلك تحميل الملفات (السحب والإسقاط، الملفات المتعددة، القابلة للاستئناف)، ومعارض الصور (العرض المبسط، والعرض الدائري، والبناء)، ومشغلات الفيديو (عناصر التحكم المخصصة، والتسميات التوضيحية، والتدفق التكيفي)، ومشغلات الصوت (الشكل الموجي، وقوائم التشغيل)، وعارضي المستندات (PDF، Office)، واستراتيجيات التحسين (الضغط، الصور سريعة الاستجابة، التحميل البطيء، CDN). يُستخدم عند التعامل مع الملفات أو عرض الوسائط أو إنشاء تجارب محتوى غنية. المصدر: ancoleman/ai-design-components.

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

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

أمر التثبيت
npx skills add https://github.com/ancoleman/ai-design-components --skill managing-media
الفئة
#المستندات
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from ancoleman/ai-design-components

إجابات سريعة

ما هي managing-media؟

ينفذ مكونات إدارة الوسائط والملفات بما في ذلك تحميل الملفات (السحب والإسقاط، الملفات المتعددة، القابلة للاستئناف)، ومعارض الصور (العرض المبسط، والعرض الدائري، والبناء)، ومشغلات الفيديو (عناصر التحكم المخصصة، والتسميات التوضيحية، والتدفق التكيفي)، ومشغلات الصوت (الشكل الموجي، وقوائم التشغيل)، وعارضي المستندات (PDF، Office)، واستراتيجيات التحسين (الضغط، الصور سريعة الاستجابة، التحميل البطيء، CDN). يُستخدم عند التعامل مع الملفات أو عرض الوسائط أو إنشاء تجارب محتوى غنية. المصدر: ancoleman/ai-design-components.

كيف أثبّت managing-media؟

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

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

https://github.com/ancoleman/ai-design-components