حوّلوا صورة آلة لمجسّم تفاعلي مع Claude Code وAnatomy

صورة واضحة وبرومبت قصير، وClaude Code بيبني شرح تفاعلي يورجي كيف الغرض بيشتغل من البداية للنهاية.

١. خلّوا Claude يثبّت Anatomy

افتحوا Claude Code وابعتوا له هالطلب:

Check and install the Anatomy skill from https://github.com/wheresryan22/anatomy.

ممكن يطلب منكم موافقة على التثبيت أو تشغيل الأمر. راجعوا الطلب ووافقوا عشان يكمل.

إذا ما زبط التثبيت من داخل Claude Code، شغّلوا هالأمر في الترمينال واختاروا Claude Code إذا طلب منكم تختاروا الأداة. إذا التثبيت زبط، تجاهلوا هالخطوة:

npx skills add wheresryan22/anatomy

٢. أرفقوا أي صورة وابعتوا البرومبت

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

Use the Anatomy skill to build an interactive explainer of the attached image. Show the parts and how they work together, step by step from start to finish.

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

٣. افتحوا النتيجة وجرّبوا كيف بتشتغل

خلّوا Claude يفتح النتيجة بالمتصفح. جرّبوا التفاعل وشوفوا كيف الأجزاء بتشتغل مع بعض خلال العملية، من أول خطوة لآخر نتيجة، مش بس رسمة لأجزاء مفككة.

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

صفحة Anatomy والأمثلة · شوفوا التجربة على يوتيوب