# استخدام مكتبة رسوم متحركة لتحسين موقع صُمم بالذكاء الاصطناعي

> يقترح Abdul Osama (عبدول أسامة) استخدام مكتبة رسوم متحركة مفتوحة المصدر لتحسين الشكل البصري لموقع صُمم بالذكاء الاصطناعي. الفكرة هي عرض المكتبة وأسلوبها على Claude أو ChatGPT، ثم طلب تصميم رسوم أو أيقونات تناسب الموقع. لم يذكر اسم المكتبة في الفيديو؛ وقال إنه سيرسله في رسالة خاصة لمن يترك تعليقًا.

- عبدول أسامة (Abdul Osama) — الذكاء الاصطناعي والتسويق والأعمال بالعربي
- 19 أكتوبر 2026
- URL: https://abdulosama.com/feed/open-source-animation-library-ai-website
- Video: https://abdulosama.com/feed/video/217
- Instagram: https://www.instagram.com/reel/DesCFCpNoTZ/
- YouTube: https://youtube.com/shorts/MGAqDJ7Uxv4?feature=share
- TikTok: https://www.tiktok.com/@abdul_osama/video/7698470066748214549
- LinkedIn: https://lnkd.in/p/dgzVyTYf
- X: https://x.com/AbdulOsama90/status/2112274938967073131?s=20

## أهم النقاط

- الفكرة هي الاستفادة من أسلوب مكتبة رسوم متحركة لتحسين موقع صُمم بالذكاء الاصطناعي.
- يمكن عرض المكتبة على Claude أو ChatGPT وطلب تطبيق أسلوبها على عناصر محددة.
- ذكر رسوماً وأيقونات بوصفها أمثلة لما يمكن تصميمه.
- اسم المكتبة غير مذكور في الفيديو؛ العرض كان إرساله برسالة خاصة بعد تعليق.

## كيف تستخدم الفكرة؟

يقترح Abdul Osama (عبدول أسامة) أخذ مكتبة رسوم متحركة مفتوحة المصدر وعرضها على مساعد ذكاء اصطناعي، ثم وصف الأسلوب الذي تريده في موقعك. الهدف هو جعل الموقع الذي صممته بالذكاء الاصطناعي أكثر تميزًا بصريًا. **اسم المكتبة غير مذكور في الفيديو**؛ وقال إنه سيرسله برسالة خاصة لمن يترك تعليقًا.

> «عايز في الموقع بتاعي الستايل ده من animation.» — عبدول أسامة

### خطوات التطبيق

1. احصل على اسم المكتبة أولًا؛ الفيديو نفسه لا يحدده.
2. اعرض المكتبة أو أمثلة من رسومها على Claude، وهو مساعد ذكاء اصطناعي يمكن استخدامه لوصف التغييرات المطلوبة في الموقع. ويمكنك استخدام ChatGPT، وهو مساعد ذكاء اصطناعي آخر، أو المساعد الذي تعمل به.
3. اطلب تطبيق أسلوب الرسوم المتحركة على جزء محدد من الموقع، أو تصميم أيقونة تناسب ذلك الأسلوب. وضّح الشكل الذي تريده بدل الاكتفاء بطلب «تحسين التصميم».

> «شوف المكتبة دي وشوف الستايل ده، واعمل بيه الشكل الفلاني.» — عبدول أسامة

### بالأرقام

- **نحو أسبوعين:** المدة التقريبية التي قال إنه استخدم المكتبة خلالها قبل الحديث عنها.
- **عشرين ونيّف من الرسوم:** وصفه التقريبي لما تتضمنه المكتبة؛ ليس عددًا محددًا.

### خلفية

مكتبة الرسوم المتحركة مجموعة عناصر أو أمثلة يمكن للمصمم الاستفادة منها لإضافة حركة إلى واجهة الموقع. أما «مفتوحة المصدر» فتعني عمومًا أن شيفرتها متاحة للاطلاع والاستخدام وفق ترخيصها؛ لذلك يجدر مراجعة ترخيص المكتبة قبل إدخالها في مشروعك.

### ما الخطوة التالية؟

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

## أسئلة وأجوبة

### ما اسم مكتبة الرسوم المتحركة؟

لم يذكر الفيديو اسمها. قال عبدول إنه سيرسله برسالة خاصة لمن يترك تعليقًا.

### كيف أستخدمها مع Claude أو ChatGPT؟

اعرض المكتبة وأمثلة أسلوبها على المساعد، ثم اطلب تطبيق الأسلوب على جزء معين من الموقع أو تصميم أيقونة به.

### هل المكتبة مجانية ومفتوحة المصدر؟

وصفها عبدول بأنها مجانية ومفتوحة المصدر، لكن اسمها وترخيصها غير مذكورين في الفيديو، لذا راجع الترخيص عندما تعرفها.

## المصادر والأدوات المذكورة

- [Claude](https://claude.ai)
- [ChatGPT](https://chatgpt.com)

## النص الكامل للفيديو

جايب لك حاجة open source free من اللي بتحبها ولا هتحسن شكل الموقع بتاعك اللي انت عامله بالAI عشان يتميز عن غيره مكتبة open source بتاعة animation. زي ما انتوا شايفين انا استخدمتها بالAI واننت بصراحة قبل ما أقول لكوا عليها من أسبوعين كده بس يلا انتوا حبايبي برضو تستاهلوا كل خير. رد بأي تعليق وأبعت لك اسم المكتبة على الخاص. هتاخدها زي ما هي كده وهتحطها على Claude وتقوله انا عايز في الموقع بتاعي الستايل ده من animation. هو عامل حاجة وعشرين رسمة من باله لزاز قوي ممكن تستخدمهم أو تقول Claude أو chatGPT أو whatever الagent بتاعك اللي بتستخدمه شايف المكتبة دي وشايف الستايل ده. اعمل بيه الشكل الفلاني اعمل بيه icon بتاعه 1 2 3 هيتطلع لك عظمة وما تنساش تدعيلي انا عبدو الأسامة تابعني عشان تعرف كل جديد بالزكاة الصناعي والتسويق.

---
كُتب هذا النص بمساعدة الذكاء الاصطناعي من الفيديو.