ميزة “Artifacts” فى Claude.. كيف تبني تطبيقات ومواقع في نافذة دردشة واحدة؟

أطلقت شركة Anthropic ميزة ثورية في نموذجها Claude 3.5 Sonnet تُسمى “Artifacts”، وهي ميزة تغير مفهوم التفاعل مع الذكاء الاصطناعي من مجرد “نص متبادل” إلى “بيئة عمل تشاركية”، وتتيح هذه الميزة للمستخدمين رؤية الأكواد البرمجية، تصاميم المواقع، والرسوم البيانية التفاعلية يتم تنفيذها وعرضها في نافذة جانبية مستقلة بجانب الدردشة، مما يسمح بمعاينتها وتعديلها في الوقت الحقيقي دون الحاجة لمغادرة المتصفح.

بحسب ما ورد في مدونة Anthropic News، فإن ميزة Artifacts صُممت لتمكين المستخدمين من تحويل الأفكار المجردة إلى نماذج أولية فورية، فبدلاً من أن يكتب لك الروبوت كوداً برمجياً طويلاً تضطر لنسخه وتجربته في مكان آخر، يقوم Claude بتشغيل الكود مباشرة وإظهار النتيجة لك، سواء كانت صفحة ويب، أو لعبة بسيطة، أو حتى مخططاً انسيابياً معقداً، مما يسرع من وتيرة الإنتاج والتعلم التقني.

تحويل الأكواد البرمجية إلى واجهات مرئية فورية
عندما تطلب من Claude تصميم واجهة مستخدم (UI) أو تطبيق مصغر، تفتح ميزة Artifacts نافذة مخصصة تعرض النتيجة النهائية بشكل مرئي، يمكنك التفاعل مع هذه الواجهة، الضغط على الأزرار، وتجربة تجربة المستخدم (UX) كأنك تفتح تطبيقاً حقيقياً، الجمال في هذه التقنية أنها تتيح للمستخدمين غير المبرمجين رؤية ثمار طلباتهم فوراً، كما تتيح للمحترفين إجراء تعديلات سريعة عبر الدردشة، حيث يطلب المستخدم “تغيير لون الزر” أو “إضافة ميزة البحث”، فيقوم Claude بتحديث “الـ Artifact” فوراً أمام عينيه.

التعاون البرمجي وتبسيط تجربة المستخدم
تعد ميزة Artifacts خطوة نحو جعل الذكاء الاصطناعي شريكاً في التصميم وليس مجرد منفذ للأوامر. من خلال الاحتفاظ بالنسخ المختلفة من العمل في النافذة الجانبية، يمكن للمستخدم العودة لنسخ سابقة أو مقارنة التغييرات.

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

لتفعيل ميزة Artifacts واستخدامها، اتبع الخطوات التالية:
1- سجل الدخول إلى موقع Claude.ai وتأكد من اختيار نموذج Claude 3.5 Sonnet.
2- اضغط على اسم حسابك في الأسفل ثم اختر “Feature Preview”.
3- قم بتفعيل خيار “Artifacts” لتبدأ الميزة بالعمل في جلساتك.
4- اطلب من Claude طلباً يتضمن إنتاجاً مرئياً، مثل: “صمم لي صفحة ويب شخصية بسيطة باستخدام Tailwind CSS”.
5- ستفتح نافذة Artifacts تلقائياً على اليمين؛ يمكنك الآن الضغط على “Code” لرؤية البرمجة أو “Preview” لرؤية التصميم النهائي والتفاعل معه.