شرح Anatomy: تثبيت المهارة وإنشاء شروحات تفاعلية بالذكاء الاصطناعي

Anatomy: حوّل فكرتك التقنية إلى شرح تفاعلي بالذكاء الاصطناعي

تشرح درسًا أو فكرة هندسية، وتتمنى أن يستطيع المشاهد استكشافها بنفسه؟

باستخدام Anatomy، يمكنك الاستعانة بأداة برمجة بالذكاء الاصطناعي لإنشاء رسوم وشروحات تفاعلية بالكود؛ يستطيع المستخدم تحريك أجزاء، تغيير إعدادات، وملاحظة النتائج حسب المثال الذي تبنيه.

في هذا الدليل ستجد رابط المهارة الرسمي، وطريقة تثبيتها، وبرومبت جاهز لتبدأ بتجربة تعليمية.

للبداية السريعة: افتح موقع Anatomy الرسمي، أو انتقل إلى المستودع الرسمي على GitHub.

ما هي مهارة Anatomy؟

Anatomy حزمة تعليمات وموارد برمجية من Ryan، تساعد مساعد البرمجة على بناء رسومات إيزومترية تفاعلية. يمكن أن تكون المخرجات صفحة HTML، أو رسم SVG، أو مكوّنًا لتطبيق React، مع استخدام WebGL لبعض المؤثرات. التوثيق الرسمي

المهارة تساعد في تنظيم التنفيذ؛ تثبيتها لا يعيد تدريب نموذج الذكاء الاصطناعي، ولا يضمن صحة كل نتيجة ينتجها.

تنويه: Anatomy ليست من تطويري. أشارك هنا شرحًا عربيًا يساعدك على تجربتها والاستفادة منها.

ما الذي شاهدته في الريل؟

استخدمت مثالين من ملفات Anatomy الرسمية:

المحرّك الصاروخي: عرض تفاعلي تتباعد فيه مجموعات الأجزاء لاستكشاف التركيب.
حوض الأمواج: نموذج تعليمي يربط الحركة والقراءات بحسابات المثال.

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

كيف تستفيد منها في التعليم والهندسة؟

ابدأ بسؤال تعليمي واضح: ما الذي يجب أن يفهمه المشاهد بعد التجربة؟

على سبيل المثال:

هدفك	تجربة يمكنك طلب بنائها
توضيح تركيب جهاز	عرض الأجزاء مجتمعة ثم متباعدة
شرح العلاقة بين متغيرين	عنصر تحكّم يغيّر المدخل ويعرض النتيجة
شرح تسلسل عملية	تشغيل الخطوات تدريجيًا مع إمكانية الإعادة
تقديم فكرة داخل موقعك	صفحة تفاعلية يمكن للزائر استكشافها

يمكن تمرير الجدول أفقياً عند الحاجة لعرض بقية الأعمدة.

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

ماذا تحتاج قبل التثبيت؟

هذا الدليل موجّه إلى أدوات البرمجة مثل Claude Code وCodex.

جهّز أداة البرمجة التي تستخدمها، وثبّت إصدارًا حديثًا من Node.js من موقعه الرسمي. يشير توثيق Anatomy إلى أن إصدار skills CLI المذكور فيه يتطلب Node.js 22.20 أو أحدث. متطلبات التثبيت

للتأكد من وجود Node.js، افتح Terminal أو PowerShell واكتب:

node --version

إذا لم يتعرّف الجهاز على الأمر، أكمل تثبيت Node.js، ثم أغلق نافذة الأوامر وافتحها مجددًا.

طريقة تثبيت Anatomy

اختر أمرًا واحدًا فقط حسب أداة البرمجة التي تستخدمها، ونفّذه داخل Terminal أو PowerShell.

التثبيت على Claude Code

npx skills add wheresryan22/anatomy -g -a claude-code

التثبيت على Codex

npx skills add wheresryan22/anatomy -g -a codex

التثبيت على OpenCode

npx skills add wheresryan22/anatomy -g -a opencode

التثبيت على Antigravity

npx skills add wheresryan22/anatomy -g -a antigravity

هذه الأوامر مأخوذة من تعليمات Anatomy الرسمية. الخيار -g يطلب التثبيت على مستوى المستخدم، والخيار -a يحدد الأداة المستهدفة.

بعد اكتمال التثبيت، افتح جلسة جديدة في أداة البرمجة إذا لم تظهر المهارة مباشرة.

كيف تستخدم المهارة بعد التثبيت؟

افتح مجلدًا مخصصًا للتجربة داخل أداة البرمجة.

في محادثة Claude Code، ابدأ طلبك بـ:

/anatomy

وفي محادثة Codex، ابدأ بـ:

$anatomy

هذه أوامر داخل محادثة مساعد البرمجة، وليست أوامر تُنفّذ في PowerShell. طريقة الاستدعاء الرسمية

برومبت جاهز: جرّب حوض الأمواج

للبداية، أنصح بتجربة المثال الموجود بالفعل قبل طلب بناء نموذج جديد.

اكتب /anatomy في Claude Code، أو $anatomy في Codex، ثم ألصق الطلب التالي:

أريد تجربة تعليمية باللغة العربية باستخدام مثال ripple-tank
الموجود ضمن ملفات Anatomy الرسمية.

ابدأ بقراءة ملفات المثال وطريقة تشغيله. لا تبنِ نموذجًا
بديلًا من الصفر إذا كان المثال الأصلي متاحًا.

الهدف:
مساعدة الطالب على استكشاف تأثير تغيير التردّد، مع إبقاء
المتغيرات الأخرى ثابتة أثناء المقارنة.

المطلوب:
1. شغّل المثال الأصلي وتحقق من عمله.
2. وضّح لي عناصر التحكّم والقراءات الموجودة فيه.
3. أضف شرحًا عربيًا حول التجربة دون تغطية الرسم.
4. احتفظ بمعادلات المثال ووحداته وافتراضاته، ولا تستبدلها
   بقيم مختلقة أو حركة شكلية.
5. اجعل أي قراءة معروضة مستمدة من النموذج الحسابي نفسه.
6. وضّح أن هذا نموذج تعليمي، وحدّد أهم افتراضاته وحدوده.
7. اختبر التفاعل، وأبلغني بأي مشكلة لم تستطع التحقق منها.
8. أعطني طريقة فتح النتيجة والملفات اللازمة لتشغيلها.

قبل تعديل المعادلات أو إضافة سلوك علمي جديد، اشرح التعديل
المقترح واذكر المرجع الذي ستعتمد عليه.

هذا برومبت إرشادي من إعدادي، وليس اختبارًا يضمن صحة النتيجة تلقائيًا. راجع ما تنفّذه الأداة، خصوصًا إذا عدّلت المثال.

كيف تطلب شرحًا لفكرة من تخصصك؟

استخدم هذا القالب بعد استدعاء المهارة:

أريد شرحًا تفاعليًا عن: [الموضوع].

الجمهور: [طلاب / متدربون / مهندسون / جمهور عام].
مستوى معرفتهم: [مبتدئ / متوسط / متقدم].

الهدف التعليمي:
[الفكرة المحددة التي يجب أن يفهمها المستخدم].

ما يستطيع المستخدم تغييره:
[المدخلات أو عناصر التحكّم].

ما يجب أن يلاحظه:
[النتيجة أو العلاقة التي تريد توضيحها].

المراجع المعتمدة:
[أرفق المرجع أو البيانات أو المعادلات المتاحة].

المخرجات المطلوبة:
صفحة HTML تفاعلية، مع شرح عربي واضح وطريقة تشغيلها.

ابدأ بشرح خطة التنفيذ والافتراضات.
إذا كانت المعلومات ناقصة، اسألني قبل اختراع تفاصيل.
ميّز بين التوضيح البصري والحساب الفعلي.

كلما كان الهدف محددًا، أصبح من الأسهل تقييم ما إذا كانت النتيجة تحقق المطلوب.

كيف تراجع النتيجة؟

لا تكتفِ بسؤال الأداة: «هل كل شيء صحيح؟». اختبر بنفسك:

المعلومات: هل الأجزاء والتسميات مطابقة لمرجعك؟
الحسابات: هل المعادلات والوحدات والافتراضات مناسبة؟
التفاعل: هل تغيير المدخل يغيّر النتيجة بالطريقة المتوقعة؟
الوضوح: هل يفهم شخص من جمهورك الفكرة دون شرح إضافي؟
التشغيل: هل تعمل الصفحة والملفات على الجهاز المستهدف؟

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

أسئلة شائعة

هل Anatomy مجانية؟

الحزمة منشورة بترخيص MIT. استخدام مساعد البرمجة أو خدمات أخرى أثناء التنفيذ قد تكون له تكلفة منفصلة. الترخيص الرسمي

هل تتحول النتيجة تلقائيًا إلى فيديو؟

المثال التفاعلي والفيديو مخرجان مختلفان. في الريل، جرى عرض الأمثلة ضمن مونتاج مع النص والتعليق الصوتي؛ ملف الفيديو نفسه لا يسمح للمشاهد بتغيير إعدادات التجربة.

هل أحتاج إلى كتابة الكود بنفسي؟

يمكنك وصف المطلوب باللغة العربية وطلب التنفيذ من مساعد البرمجة، لكن تظل بحاجة إلى تشغيل النتيجة واختبارها ومراجعتها. قد تحتاج المحاولات المعقدة إلى تعديلات متكررة.

هل يمكن استخدام النتائج في موقعي؟

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

ابدأ بتجربة واحدة

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

الروابط الرسمية:

تابعني لتجارب وأدلة عملية تساعدك على فهم أدوات الذكاء الاصطناعي واستخدامها في شغلك.

إعداد: Yousif Al Jbouri — يوسف الجبوري — آخر تحقق من الروابط والتعليمات: 26 أكتوبر 2026.