الصور والوسائط المتعددة (Multimodal): ألصق لقطة شاشة، وسيفهم مباشرة
📚 التنقل في السلسلة: المقال السابق 16 سير العمل الشائع استعرض الخطوات النموذجية اليومية مثل قراءة الكود، وإصلاح الأخطاء، وكتابة الاختبارات. يضيف هذا المقال بعدًا جديدًا — بحيث لا تكتفي بالكتابة النصية فقط، بل يمكنك إرسال الصور مباشرة لـ Claude: مثل لقطة شاشة لخطأ معين، أو تصميم واجهة، أو مخطط لهيكل النظام، الصقها وسيفهمها مباشرة.
على سبيل المثال، عند الرغبة في تحويل لقطة شاشة لواجهة صممها المصمم إلى صفحة ويب حقيقية. سابقًا، كان علينا قياس كل بكسل في الصورة — حجم هذه المسافة الفاصلة، وحجم الخط، وزاوية انحناء أركان الزر، وقضاء نصف اليوم في استخراج الأرقام فقط.
الآن، كل ما تحتاجه هو سحب ملف الـ PNG وإسقاطه مباشرة في نافذة Claude Code، وكتابة عبارة "قم بتوليد كود CSS المطابق لهذا التصميم".
وبعد دقائق قليلة، سيقوم بتوليد كود CSS كامل — تتطابق فيه التخطيطات، والألوان، وانحناءات الحواف، والظلال تمامًا. الصق الكود في مشروعك، وقم بتحديث المتصفح، لتجد النتيجة مطابقة تقريبًا للتصميم الأصلي. هنا يظهر فارق الكفاءة الكبير: فإرسال الصورة لعرضها عليه أسرع بكثير من محاولة شرحها وتوصيفها بالكلمات.
وبعبارة أخرى، مقولة "الصورة تعادل ألف كلمة" تنطبق هنا في Claude Code حرفيًا. وسنشرح لك اليوم بالتفصيل "كيفية إرسال الصور + ما الذي يمكنك إنجازه من خلالها".
بعد قراءة هذا المقال، ستحصل على:
- ثلاث طرق لتزويد Claude Code بالصور، يمكنك اتباعها مباشرة (مع تنبيه بخصوص فخ اختصار لوحة المفاتيح الذي يقع فيه مستخدمو Mac)
- الاستخدامات الثلاثة الأساسية للصور: لصق لقطات شاشة الأخطاء، تحويل التصاميم إلى كود، وقراءة المخططات والهياكل
- معيار واضح للمقارنة: متى يجب إرسال صورة، ومتى يكتفى بالكتابة النصية
- كيفية استخدام صور متعددة، وكيفية إشارة Claude للصور، وكيفية فتح الصورة المذكورة بنقرة واحدة
01 لماذا نرسل له صورًا بدلاً من الاكتفاء بالكتابة النصية
الخلاصة أولاً: عندما يكون "وصف المشكلة بالكلمات أصعب وأكثر إجهادًا من أخذ لقطة شاشة لها"، فهذا هو الوقت المناسب لإرسال صورة.
هذا هو المعيار المذكور بوضوح في الوثائق الرسمية — "استخدم الصور عندما يكون الوصف النصي غير واضح أو معقدًا".
تشبيه: الصورة تعادل ألف كلمة. إذا حاولت وصف نافذة خطأ منبثقة ملونة لصديقك بالكلمات، وظللت تشرح لدقائق "يوجد علامة X حمراء في أعلى اليسار، وأسفلها سطر من النص الصغير، وزر على اليمين..."، فسيظل مرتبكًا؛ ولكن بمجرد أخذ لقطة شاشة وإرسالها له، سيفهم فورًا. إرسال الصور لـ Claude يعمل بنفس المنطق تمامًا — فهو يوفر عليك عناء صياغة العبارات، ويوفر عليه عناء التخمين.
إليك مقارنة سريعة للأحوال المختلفة:
| السيناريو | مدى صعوبة الوصف النصي | مدى سهولة إرسال صورة |
|---|---|---|
| عدم محاذاة الصفحة / أخطاء التنسيق | "هذا الـ div منحرف لليمين بحوالي 20 بكسل، ومتداخل مع الجزء الأسفل منه" | خذ لقطة شاشة، ليرى عدم المحاذاة بنظرة واحدة |
| النوافذ المنبثقة للأخطاء / نصوص الخطأ الحمراء في الطرفية | كتابة سجل التتبع الطويل يدويًا أو محاولة ترتيبه ولصقه | الصق لقطة شاشة للخطأ، لتوفر له السياق الكامل فورًا |
| تحويل التصميم لكود / محاكاة مكون معين | "اللون الأساسي أزرق يميل للبنفسجي، وانحناءات الحواف متوسطة..." | أرسل الصورة، ودعه يستخرج القياسات بنفسه |
هناك فرق هام يجب توضيحه: يتحقق Claude Code من "محتوى الصورة التي ترسلها"، ولا يقوم بأخذ لقطة الشاشة بالنيابة عنك. مرحلة أخذ لقطة الشاشة هي مسؤوليتك (يمكنك استخدام أدوات تصوير الشاشة المدمجة في نظامك)، وتقتصر مسؤوليته على "فهم الصورة التي قدمتها".
💡 خلاصة في جملة واحدة: معيار التقييم بسيط للغاية — إذا كان وصف المشكلة بالكلمات أصعب من أخذ لقطة شاشة لها، فأرسل صورة؛ وتصف الوثائق الرسمية هذا بقولها: "استخدم الصور عندما يكون الوصف النصي غير واضح أو معقدًا".
02 ثلاث طرق لإرسال الصور: السحب، اللصق، أو تحديد المسار
كيف نرسل الصور له؟ تقدم الوثائق الرسمية ثلاث طرق، وجميعها تعطي نفس النتيجة. سنرتبها هنا من الأسهل للأكثر تقدمًا.
يعرض هذا الرسم التوضيحي الطرق الثلاث لإضافة الصور معًا: السحب والإسقاط في النافذة، أو النسخ ثم اللصق عبر ctrl+v (حتى في نظام Mac نستخدم ctrl+v)، أو كتابة مسار ملف الصورة مباشرة — طرق مختلفة تؤدي لنفس النتيجة، وهي تزويد Claude بالصورة ليعمل بناءً عليها.
الطريقة الأولى: السحب والإسقاط المباشر في النافذة (الأكثر بديهية)
قم بـ سحب ملف الصورة من مدير الملفات وإسقاطه مباشرة في نافذة الطرفية التي تشغل Claude Code، واترك الملف ليتم إرفاقه فورًا.
هذه هي الطريقة الأبسط على الإطلاق — تشبه تمامًا سحب وإسقاط الصور في صناديق المحادثة المعتادة. ويبدأ المبتدئون عادة باستخدامها لأنها لا تتطلب أي تعلم مسبق.
الطريقة الثانية: نسخ الصورة ولصقها عبر ctrl+v (الأكثر استخدامًا، ولكن احذر الفخ)
في كثير من الأحيان، لا تكون الصورة محفوظة كملف على جهازك — مثل التقاط لقطة شاشة للتو، أو نسخ صورة من صفحة ويب بالنقر بزر الماوس الأيمن واختيار "نسخ الصورة"، وحينها يكون اللصق المباشر هو الخيار الأسهل.
ولكن هناك فخ كبير يجب الحذر منه، وتؤكد عليه الوثائق الرسمية صراحة:
复制图像并使用 ctrl+v 将其粘贴到 CLI 中（不要使用 cmd+v）。
تنبيه: حتى على نظام Mac، استخدم الاختصار ctrl+v للصق الصور، وليس الاختصار المعتاد cmd+v.
لماذا يخالف هذا البديهة؟ لأن مستخدمي Mac اعتادوا على استخدام cmd+v لنسخ ولصق النصوص لسنوات طويلة، وأصبحت جزءًا من الذاكرة العضلية لديهم. وعند محاولة لصق لقطة شاشة لأول مرة، يضغطون تلقائيًا على cmd+v، لتظهر سلسلة طويلة من النصوص التي تمثل مسار الملف بدلاً من الصورة نفسها، ويظنون أن الأداة لا تدعم ذلك. وتوضيح هذا في الوثائق يزيل الالتباس — فالعديد من الطرفيات تعامل الاختصار cmd+v كلصق للنص الذي يمثل مسار الملف، بينما يضمن استخدام ctrl+v إرفاق الصورة نفسها لـ Claude.
(ملاحظة إضافية: تدعم بعض الطرفيات مثل iTerm2 الاختصار cmd+v للصق الصور، ولكن يختلف السلوك بين الطرفيات الأخرى. ويظل الاختصار ctrl+v هو الخيار الشامل الفعال في كل مكان، لذا تذكره لتجنب المشاكل.)
تذكر هذه القاعدة دائمًا:
| المنصة | الاختصار الفعال للصق الصور | لا تستخدم |
|---|---|---|
| Mac | ctrl+v | ❌ cmd+v (سيعامل كلصق لنص المسار في معظم الطرفيات) |
| Windows / Linux | ctrl+v (إذا قامت الطرفية باعتراضه في بيئة WSL، استخدم alt+v) | —— |
تفصيل صغير: بعد نجاح اللصق، سيظهر مؤشر رمز حجز المكان [Image #1] (تطلق عليه الوثائق الرسمية اسم "الرقاقة (chip)") في مربع الإدخال، مما يدل على إرفاق الصورة بنجاح، ويمكنك متابعة كتابة النص في نفس السطر.
الطريقة الثالثة: كتابة مسار الصورة مباشرة (مناسبة للسكربتات أو الصور المحفوظة مسبقًا)
إذا كانت الصورة محفوظة كملف وتعرف مسارها بالفعل، فإن الخيار الأسهل هو كتابة مسار الملف مباشرة في التوجيه ليقوم بقراءته بنفسه:
Analyze this image: /path/to/your/image.pngاستبدل /path/to/your/image.png بالمسار الحقيقي لصورتك (يتم قبول المسارات النسبية والمطلقة). هذه الطريقة لا تتطلب استخدام الماوس للسحب، وهي الخيار الأفضل عند كتابة السكربتات، أو عندما تكون الصورة مخبأة في أدلة عميقة داخل المشروع.
💡 خلاصة في جملة واحدة: اختر إحدى الطرق الثلاث: السحب والإسقاط، اللصق عبر
ctrl+v، أو تحديد مسار الملف؛ وعلى مستخدمي Mac تذكر الاختصارctrl+vدائمًا وتجنبcmd+v.
03 用途一：贴报错和 UI 截图，给它「现场」
السيناريو الأول والأكثر عملية — إرسال لقطة شاشة للمشكلة ليتعامل معها استنادًا إلى موقع المشكلة الفعلي.
لماذا تعد هذه الطريقة فعالة؟ لأن العديد من الأخطاء ومشاكل التنسيق لا يمكن وصفها بالكلمات بدقة وبشكل كامل. فالنافذة المنبثقة للخطأ تحتوي على أيقونات، وألوان، وتنسيقات محددة، ووصفك لها بالكلمات سيكون تقريبيًا فقط؛ كما أن عدم محاذاة العناصر يظهر بوضوح للعين المجردة ولكن يصعب شرحه بالكلمات بدقة.
تشبيه: لا تكتفِ بوصف موضع الألم للطبيب بالكلمات، بل أحضر له الأشعة. إذا قلت له "أشعر بألم خفيف في أسفل يمين البطن"، فسيضطر للتخمين؛ ولكن بمجرد عرض أشعة مقطعية (CT)، سيتضح مكان المشكلة فورًا. لقطة الشاشة هي تلك "الأشعة" التي تقدمها لـ Claude.
كيف نقوم بذلك؟ أرفق لقطة الشاشة (بأي طريقة من الطرق الثلاث)، واكتب معها جملة توضح طلبك. وتعرض التوجيهات الرسمية أمثلة ممتازة:
Here's a screenshot of the error. What's causing it?أو في مشاكل الواجهات:
Describe the UI elements in this screenshotعلى سبيل المثال، عند تعديل صفحة React، وكان هناك زر ينحرف لليمين بشكل مزعج دون وجود خطأ واضح في كود CSS. في هذه الحالة، خذ لقطة شاشة للمشكلة وأرسلها مباشرة مع عبارة "لماذا ينحرف هذا الزر لليمين؟". سيفحص Claude الصورة ويخبرك مباشرة "يحتوي العنصر الأب على padding-right إضافي يتداخل مع الـ margin الخاص بالزر نفسه" — ليحدد لك المشكلة بدقة مباشرة وتصلحها في سطر واحد. بينما لو حاولت وصف هذا الانحراف بالكلمات، لاستغرق الأمر عدة جولات من النقاش.
💡 خلاصة في جملة واحدة: في مشاكل الأخطاء وتنسيق الواجهات، تعد لقطة الشاشة بمثابة "صورة لموقع الحدث" — وعرضها عليه مباشرة يسهل حل المشكلة بشكل أسرع بكثير من وصفها بالكلمات.
04 用途二：还原设计稿，截图直接出代码
هذا هو السيناريو الذي يحقق قفزة كبيرة في مستوى الكفاءة كما ذكرنا في البداية — تقديم صورة التصميم له ليقوم بتوليد كود جاهز للتشغيل مباشرة.
لماذا يعد هذا الاستخدام مذهلاً؟ لأنه يوفر عناء العمل البدني الطويل المتمثل في تحويل "التصمِم إلى كود". فقضاء الوقت في قياس القيم، وضبط المسافات، وتجربة الألوان من الصورة هو الجزء الأكثر مللاً في تطوير الواجهات، ويمكنك الآن تركه لـ Claude ليقدم نسخة مكتملة بنسبة 80% ثم تتولى أنت ضبط الجزء المتبقي.
تشبيه: إحضار صورة ليفصل الخياط ملابس مطابقة لها. لا تحتاج لإعطائه القياسات بالتفصيل، بل يكفي عرض صورة الملابس أمامه ليفهم الأبعاد، ونوع القماش، ونمط الخياطة. صورة التصميم بالنسبة لـ Claude هي تلك "الصورة المرجعية للملابس".
أمثلة التوجيهات الرسمية المقترحة، يكفي تذكر هاتين العبارتين للبدء:
照着这张设计稿生成对应的 CSSWhat HTML structure would recreate this component?تطلب العبارة الأولى منه توليد كود CSS المطابق للتصميم، وتطلب العبارة الثانية استنتاج هيكل HTML المناسب لمطابقة هذا المكون. واستخدامهما معًا يولد لك الهيكل الأساسي للمكون الثابت مباشرة.
لنكن واقعيين ونحدد توقعات منطقية: لن تحصل على مطابقة دقيقة بنسبة 100% على مستوى البكسل، بل ستحصل على نقطة بداية مكتملة بنسبة عالية. ففي كود CSS المذكور في البداية، كان التخطيط العام والألوان صحيحة تمامًا، واقتصرت المشكلة على مسافات الحشو (padding) في موضعين انحرفت بضعة بكسلات، وتطلب تعديلها يدويًا بشكل سريع. ومع ذلك، وفر هذا العمل ساعة كاملة على الأقل — فكتابة كود CSS بالكامل من الصفر تختلف تمامًا عن الاكتفاء بتعديل مسودة جاهزة بنسبة 80%.
المقارنة بين الحالتين:
| تحويل التصميم إلى كود | ❌ كتابة يدوية بالكامل | ✅ إرسال لقطة شاشة |
|---|---|---|
| استخراج القياسات | قياس كل بكسل يدويًا بمفردك | يحددها ويخمنها استنادًا إلى الصورة |
| إنشاء الهيكل الأساسي | كتابته من الصفر في ملف فارغ | يقدم لك نسخة جاهزة ومباشرة للتشغيل |
| دورك وعملك | العمل بالكامل من الصفر | الاكتفاء بتعديل الـ 10% أو 20% المتبقية فقط |
💡 خلاصة في جملة واحدة: أرسل لقطة شاشة للتصميم مع عبارة "قم بتوليد كود CSS المطابق لهذا التصميم"، ليقدم لك نسخة مكتملة بنسبة 80% وتتولى أنت الـ 20% المتبقية، لتختصر معظم العمل البدني الممل.
05 用途三：读图表和架构图，让它「看懂结构」
الاستخدام الثالث، المخططات وهياكل قاعدة البيانات (schema) ورسومات النظام — وهي صور ذات طبيعة "بنائية وهيكلية"، يستطيع فهمها بدقة أيضًا.
لماذا نفرد لها قسمًا خاصًا؟ لأن الفئتين السابقتين (الأخطاء والتصاميم) تتعاملان مع "الواجهات"، بينما تتعامل هذه الفئة مع "العلاقات والروابط" — من يرتبط بمن، وكيف تتدفق البيانات، وكيف تتقسم الوحدات. هذه العلاقات تكون معقدة للغاية عند شرحها نصيًا، ولكنها تظهر بوضوح في الرسوم التخطيطية، وهي الخيار الأنسب لـ Claude.
تشبيه: شرح النظام لزميل جديد عبر الرسم على السبورة بدلاً من الحديث الشفهي المطول. إذا قلت له شفهيًا "تقom خدمة المستخدم باستدعاء خدمة الطلبات، وتعتمد خدمة الطلبات بدورها على المخزن والدفع..."، فسيصعب عليه الاستيعاب؛ ولكن بمجرد رسم بضعة مربعات وتوصيلها بأسهم على السبورة، سيفهم فورًا. إرسال هذا المخطط التوضيحي لـ Claude يعطي نفس النتيجة تمامًا.
أمثلة التوجيهات الرسمية المقترحة تغطي جانبي "القراءة" و "التعديل":
This is our current database schema. How should we modify it for the new feature?Are there any problematic elements in this diagram?من الاستخدامات الشائعة: عند استلام مشروع جديد، وإرسال الزملاء لمخطط هيكلي للنظام بصيغة PNG، أرسله مباشرة لـ Claude، واطلب منه شرح كيفية عمل هذا النظام بشكل عام. سيتعرف على الوحدات وعلاقات الاستدعاء من الصورة، ويقدم لك شرحًا موجزًا — وهذا أسرع بكثير من محاولة فهم الرسم بمفردك، ويبدو الأمر وكأن هناك شخصًا يراجع الرسم التوضيحي معك خطوة بخطوة.
💡 خلاصة في جملة واحدة: المخططات وهياكل البيانات ورسومات النظام التي توضح "العلاقات"، أرسلها له كخلفية للمشروع، ليفهم البناء العام قبل مساعدتك في التعديل أو المراجعة.
06 صور متعددة، الإشارة للصور، والفتح بنقرة واحدة: تفاصيل عملية مفيدة
نستعرض في النهاية بعض التفاصيل التي تسهل الاستخدام العملي، وجميعها مذكورة في الوثائق الرسمية.
إمكانية إرسال صور متعددة في نفس الوقت
لا داعي لإرسالها واحدة تلو الأخرى — يمكنك تضمين صور متعددة في نفس التوجيه. على سبيل المثال "هذا هو التصميم القديم، وهذا هو التصميم الجديد، أخبرني بالاختلافات بينهما"، أرسلهما معًا ليقوم بالمقارنة. يُسخدم هذا النمط كثيرًا عند تحديث التصاميم لتجنب عناء الوصف التكراري.
كيف يشير Claude للصور: [Image #1]
عندما يشير Claude في إجابته لإحدى الصور التي أرفقتها، فإنه سيستخدم أرقامًا تعريفية مثل [Image #1] و [Image #2] — حيث يمثل الرقم ترتيب الصورة المرفقة. ويساعدك هذا الترقيم عند إرفاق صور متعددة في معرفة الصورة التي يقصدها بدقة بنظرة واحدة.
فتح الصورة المذكورة بنقرة واحدة
الرموز التعبيرية المعرفة للصور [Image #N] التي تظهر في إجابته قابلة للنقر والفتح، ووفقًا للوثائق الرسمية:
当 Claude 引用图像时（例如
[Image #1]），Cmd+Click（Mac）或Ctrl+Click（Windows/Linux）链接以在默认查看器中打开图像。
وهذا يعني أنه للتحقق من الصورة التي يقصدها، اضغط على الاختصار Cmd+Click في نظام Mac أو Ctrl+Click في نظام Windows/Linux فوق رقم الصورة، ليقوم النظام بفتحها فورًا في تطبيق عرض الصور لديك.
طريقة عمل الاختصارات:
| العملية | نظام Mac | نظام Windows / Linux |
|---|---|---|
| لصق الصور | ctrl+v | ctrl+v |
فتح رابط الصورة [Image #N] | Cmd+Click | Ctrl+Click |
انتبه إلى أن طريقة عمل هذين الاختصارين متعاكسة: نستخدم مفتاح ctrl للصق الصور، بينما نستخدم مفتاح Cmd لفتح روابط الصور على نظام Mac. احذر الخلط بينهما.
💡 خلاصة في جملة واحدة: يمكنك إرفاق صور متعددة في توجيه واحد، ويشير Claude إليها باستخدام الترقيم
[Image #N]، ويمكنك النقر فوق الرقم (عبرCmd+Clickفي Mac) لفتح الصورة مباشرة والتحقق منها.
07 عملي: أرسل صورة لـ Claude ودعه يقرأها في ثلاث خطوات
التطبيق العملي أفضل من مجرد قراءة التوجيهات. سنستخدم أي صورة عشوائية متوفرة على جهازك لتجربة دورة العمل الكاملة "إرفاق الصورة ← فهم محتواها" في ثلاث خطوات فقط. لا تحتاج لوجود مشروع، ويكفي وجود أي صورة على سطح المكتب.
الخطوة الأولى: اختر أي صورة وحدد مسارها
التقط لقطة شاشة، أو اختر أي ملف PNG / JPG جاهز. في نظام Mac، تُحفظ لقطات الشاشة تلقائيًا على سطح المكتب باسم يبدأ بـ "Screenshot...". ضع الصورة في مكان يسهل الوصول إليه، مثل سطح المكتب مباشرة.
الخطوة الثانية: تشغيل Claude Code في أي دليل
claudeالنتيجة المتوقعة: تظهر شاشة الترحيب وبها مربع الإدخال في الأسفل (حيث يمكن تشغيل وفحص الصور في أي دليل دون شروط مسبقة).
الخطوة الثالثة: إرفاق الصورة وطلب وصفها
اختر إحدى الطرق الثلاث، ويُنصح المبتدئون بـ السحب والإسقاط المباشر: اسحب الصورة من سطح المكتب وأفلتها في نافذة الطرفية، لتظهر علامة [Image #1] في مربع الإدخال. ثم اكتب بجانبها:
这张图里是什么？用中文描述一下你看到的内容اضغط Enter.
النتيجة المتوقعة: يقوم Claude بقراءة الصورة وشرح محتواها باللغة التي طلبتها — فإذا كانت لقطة شاشة فسيشرح عناصر الواجهة، وإذا كانت صورة فسيصف المشهد والبيانات الظاهرة فيها. قراءته للمحتوى بدقة تعني نجاح إرفاق الصور واكتمال العملية بنجاح.
⚠️ لمستخدمي Mac الراغبين في تجربة النسخ واللصق: انسخ الصورة أولاً من تطبيق المعاينة أو المتصفح، وعد إلى الطرفية واضغط على الاختصار ctrl+v (وليس cmd+v). وإذا ظهر لك نص يمثل مسار الملف بدلاً من المؤشر [Image #N]، فهذا يؤكد ضغطك بالخطأ على cmd+v؛ قم بمسحه وإعادة المحاولة.
💡 خلاصة في جملة واحدة: استخدم السحب والإسقاط، اللصق عبر
ctrl+v، أو تحديد مسار الملف لتجربة إرفاق الصورة، ورؤيتك لـ Claude وهو يصف محتوى الصورة بدقة يثبت اكتمال العملية بنجاح.
08 ملخص
تعلمت في هذا المقال كيفية تفعيل قدرات "الرؤية وفهم الصور" في Claude Code — لتنتقل من الاكتفاء بالكتابة النصية إلى القدرة على إرفاق الصور مباشرة.
دعنا نراجع النقاط الأساسية معًا:
| البعد الجوهري | النقاط الأساسية |
|---|---|
| كيفية إرفاق الصور | السحب والإسقاط، اللصق عبر ctrl+v، أو تحديد المسار؛ ثلاث طرق متاحة |
| الفخ الأكبر | عند لصق الصور في نظام Mac، استخدم الاختصار ctrl+v وتجنب cmd+v |
| الاستخدامات الثلاثة | لقطات شاشة الأخطاء للتوضيح المباشر، تحويل التصاميم لكود، وفهم رسومات وهياكل النظام المعقدة |
| متى ترسل صورة | عندما يكون الوصف النصي للمشكلة بالكلمات أصعب من أخذ لقطة شاشة لها |
| صور متعددة وإشارات | إمكانية إرفاق صور متعددة في توجيه واحد، ويشير Claude إليها بـ [Image #N]، ويمكن فتح الصورة بالضغط على الرقم |
من المفترض الآن أن تكون قادرًا على: إرفاق أي لقطة شاشة، أو تصميم واجهة، أو مخطط هيكلي لـ Claude Code ليتعامل معها في حل الأخطاء وتوليد الكود وفهم الهياكل؛ وتذكرت جيدًا استخدام الاختصار ctrl+v الذي قد يبدو مخالفًا للبديهة في نظام Mac. هذه القدرة على عرض الصور وتوضيح المشاكل ستوفر عليك عناء كتابة نصوص طويلة مستقبلاً — فكثير من الطلبات التي كانت تتطلب سابقًا كتابة شروح معقدة، يمكن حلها الآن بإرسال صورة متبوعة بجملة واحدة قصيرة.
المقال التالي 18 "دليل استخدام CLAUDE.md" — لقد استمررنا في إرسال الصور والطلبات وتكرار شرح خلفية المشروع في كل مرة. ألا توجد طريقة تجعل Claude يفهم تفاصيل المشروع والقواعد المتبعة تلقائيًا بمجرد دخوله؟ سنناقش في المقال القادم ملف CLAUDE.md الذي يمثل "دليل انضمام العمل" الخاص به، والذي يغنيك عن تكرار التعليمات يوميًا بعد إعداده.