جدول المحتويات
في 18 يونيو 2026، أطلقت Anthropic ميزة Claude Code Artifacts (بيتا) — وهي ميزة تحوّل جلسة برمجة في الطرفية إلى صفحة ويب "حية" يمكن لفريقك مشاركتها. فبدلاً من أن يبثّ Claude Code سيلاً لا ينتهي من git diff والسجلات على هيئة نص، صار بإمكانه نشر شرح موضّح لطلب دمج (PR)، أو لوحة تحكّم ذاتية التحديث، أو خط زمني لحادثة في صفحة واحدة.
يغطّي هذا المقال ما هو Artifacts، وكيف يختلف عن claude.ai Artifacts لعام 2024، وكيفية استخدامه، وقيوده، وشروط توفّره — استناداً إلى الوثائق الرسمية. وإليك ثلاث نقاط أساسية أولاً. (1) ينشر مخرجات الجلسة كصفحة واحدة على رابط claude.ai خاص، ويتحدّث المحتوى مع تقدّم العمل. (2) لا يوجد أمر مخصّص /artifact — بل تطلب بلغة طبيعية ("اصنع صفحة تشرح هذا الـPR مع التعليقات التوضيحية"). (3) وهي متاحة لخطط Pro / Max / Team / Enterprise، ولا تُستخدم إلا في الجلسات المسجَّل دخولها عبر /login (وليس بمفتاح API).
حوِّل جلسةً إلى "صفحة مشترَكة"
— من مخرجات الطرفية إلى صفحة حيّة يمكنك النظر إليها والتفاعل معها
يُنشَر إلى رابط claude.ai خاص (لا يراه سواك حتى تشاركه).
يصبح كل تحديث نسخة جديدة على الرابط نفسه، وتتحدّث الصفحة في مكانها لكل من يفتحها.
1. ما هو Claude Code Artifacts
التعريف الرسمي: "الـArtifact هو صفحة ويب حيّة وتفاعلية ينشرها Claude Code من جلستك إلى رابط خاص على claude.ai." افتحها في المتصفّح فتتحدّث في مكانها مع استمرار الجلسة. والصفحة "مبنيّة مما يمكن لجلستك الوصول إليه، بما في ذلك قاعدة الشيفرة لديك والبيانات التي تجلبها عبر أدواتك المتصلة" (موصِّلات MCP).
الهدف هو "تحويل المخرجات التي يصعب نقلها كنص في الطرفية إلى صفحة واحدة يمكنك النظر إليها والتفاعل معها." فعلى سبيل المثال، خلال تحقيق طويل يمكنك مشاركة خط زمني لحادثة يمتلئ تدريجياً أثناء عملك، أو قائمة تحقّق للإصدار تُعلَّم بنفسها كلما اكتملت المهام. وتضع Anthropic الميزة كأداة تعاون "تتيح للفرق قضاء وقت أقل في تحديثات الحالة ووقت أكثر في البناء." اعتبره سطح إخراج جديد لـ Claude Code، إلى جانب Skills وMCP.
2. كيف يختلف عن claude.ai Artifacts لعام 2024
سيتبادر إلى ذهن كثيرين Artifacts ذو اللوحة الجانبية (canvas) الذي ظهر في محادثة claude.ai عام 2024. الاسم والنَسَب مشتركان، لكن Claude Code Artifacts سطحٌ مختلف. ولأن الخلط بينهما سهل، إليك التفصيل (ملاحظة: هذه المقارنة من تأليفنا — فإن Anthropic لا تعرضهما جنباً إلى جنب).
| claude.ai Artifacts (2024) | Claude Code Artifacts (2026) | |
|---|---|---|
| أين يظهر | لوحة بجانب المحادثة في claude.ai | صفحة مستقلة من جلسة برمجة في الطرفية |
| مصدر المحتوى | محادثة الدردشة | الجلسة بأكملها (قاعدة الشيفرة، الموصِّلات) |
| تحديث حيّ للمشاهدين | لا (تعيد التوليد في المحادثة) | نعم (الصفحة المنشورة تتحدّث في مكانها) |
| نطاق المشاركة | يمكن جعله عامًّا | خاص افتراضيًا؛ تمكن المشاركة داخل المؤسسة أو عبر رابط عام (في Team / Enterprise يجب أن يفعّل الـ Owner المشاركة العامة) |
في سطر واحد: إصدار 2024 "يعرض artifact داخل المحادثة"، بينما إصدار Claude Code لعام 2026 "يحوّل جلسة برمجة في الطرفية إلى صفحة ويب ذاتية التحديث قابلة للمشاركة." الاسم نفسه، لكن حالة الاستخدام مختلفة وطريقة المشاركة مختلفة.
3. فيمَ يصلح استخدامه
حالات الاستخدام التي تذكرها Anthropic هي تماماً من النوع الذي "تتفوّق فيه رؤية الصفحة على قراءة النص."
حين تتفوّق "الصفحة" على النص
المعيار المشترك: "هل النظر إلى هذه المخرجات والتفاعل معها أسهل من قراءتها سطرًا سطرًا؟"
4. كيفية استخدامه
أبرز خصوصية: لا يوجد أمر مخصّص /artifact. بل تطلب بلغة طبيعية، أو يعرض Claude عليك واحدًا حين تكون المخرجات مناسبة لصفحة. والمسار كالتالي:
# 1) اطلب بلغة طبيعية أثناء الجلسة (أمثلة)
Make an artifact that walks through this PR with the diff annotated inline.
Build a dashboard artifact of last week's deploy failures by service and keep it updated as you investigate.
# 2) يكتب Claude ملف .html (أو .htm / .md) — في مجلد مؤقت خارج مشروعك ما لم تحدّد موقعًا — ثم ينشره
# In plan mode, or when the page declares capabilities such as connector calls, Claude asks first
# 3) يُطبَع الرابط ويُفتَح في متصفّحك. أعِد فتح الأحدث بـ Ctrl+]
# عطّل الفتح التلقائي بـ CLAUDE_CODE_ARTIFACT_AUTO_OPEN=0للتحديث، اطلب من Claude المراجعة فقط — فهو يعدّل الملف وينشر على الرابط نفسه، وتصبح كل عملية نشر إصدارًا جديدًا (ومن عنصر Share تختار الإصدار الذي يراه المشاهدون). للتحديث من جلسة مختلفة، الصق رابط الـartifact (وإلا يُنشأ artifact جديد). الـartifact الجديد لا يراه في البداية سواك. شارِكه من عنصر Share في ترويسة الصفحة: في Team / Enterprise يمكنك منح الوصول لأشخاص محدّدين أو للمؤسسة كلها، والرابط العام يتيح لأي شخص فتحه دون تسجيل الدخول إلى claude.ai (في Team / Enterprise فقط إن فعّل الـ Owner المشاركة الخارجية). من تشاركه يكون مشاهدًا افتراضيًا، وفي Team / Enterprise يمكنك أيضًا جعله محرّرًا. تُدرَج كل الـartifacts الخاصة بك في المعرض على claude.ai/code/artifacts.
5. القيود — إنه ليس "تطبيقًا"
تنصّ الوثائق الرسمية صراحةً: "الـartifact هو التقاطٌ للعمل، وليس تطبيقًا." إن أسأت فهم ذلك ستُصاب بالإحباط، فانتبه للقيود.
القيود الرئيسية (رسمية)
· بلا خلفية: صفحة ثابتة واحدة. لا يمكنها مصادقة المشاهدين بنفسها ولا تقديم مسارات متعددة (روابط داخل الصفحة فقط). ولجلب بيانات حديثة عند العرض، تستدعي موصِّلات MCP عبر claude.ai.
· طلبات خارجية محدودة: بموجب CSP صارمة، لا تستطيع الصفحة تحميل سوى خطوط Google Fonts والسكربتات من خمسة مضيفات CDN عامة (cdnjs وunpkg وjsDelivr وغيرها). وتُحجب بقية السكربتات/CSS/الخطوط/الصور الخارجية، ولا تصل استدعاءات fetch وXHR وWebSocket إلا إلى أصل الصفحة نفسه وGoogle Fonts. وتُضمَّن بقية CSS/JS مباشرةً، وتُدمج الصور كـ data URI.
· أنواع الملفات وحجمها: .html / .htm / .md فقط. ويجب أن تكون الصفحة بعد العرض ≤ 16 MiB (الصور الضخمة هي السبب المعتاد لفشل النشر).
· استهلاك التوكنات: لأن الـCSS/JS مُضمَّنة والصور بصيغة data URI، فإنه يستهلك توكنات أكثر من نص الطرفية.
إذن Artifacts ليس "طريقة لبناء تطبيق يعمل"، بل "طريقة لتثبيت مخرجات الجلسة في صفحة واحدة قابلة للمشاركة والقراءة." وإن احتجت أداة حقيقية تتواصل مع خدمات خارجية، فانتقل إلى التطوير المعتاد والنشر. ولعرضها خارج مؤسستك، شاركها برابط عام (في Team / Enterprise إن فعّل الـ Owner المشاركة الخارجية)، أو اطلب من Claude ملف HTML الخام.
6. شروط التوفّر وأدوات الإدارة
شروط الاستخدام حتى 4 أكتوبر 2026 (تحقّق من الأحدث في الوثائق).
| البند | التفاصيل |
|---|---|
| الخطط | Pro / Max / Team / Enterprise. مُفعَّل افتراضيًا في Team / Enterprise، ويمكن للـ Owner إيقافه للمؤسسة |
| الحالة | أُعلن عنه كـبيتا في 18 يونيو 2026 (في البداية لـ Team / Enterprise فقط) |
| أين تعمل | واجهة Claude Code CLI، أو تطبيق Claude لسطح المكتب (v1.13576.0 فأحدث). مُعطَّلة افتراضيًا في سياقات Agent SDK / GitHub Action / خادم MCP |
| المصادقة | يجب تسجيل الدخول إلى claude.ai عبر /login. مفاتيح API ورموز البوابات وبيانات اعتماد السحابة لا يمكنها النشر |
| مزوّد النموذج | واجهة Anthropic API فقط (وليس Amazon Bedrock / Google Vertex / Microsoft Foundry) |
| سياسة المؤسسة | مُعطَّلة للمؤسسات ذات CMEK أو HIPAA أو عدم الاحتفاظ بالبيانات (ZDR) |
للمسؤولين تتوفّر تفعيل/تعطيل على مستوى المؤسسة، ونطاق قائم على الأدوار (Enterprise RBAC)، وسياسات احتفاظ، وسجلّ تدقيق (claude_artifact_*)، وواجهة Compliance API. ولتعطيلها بنفسك، استخدم "enableArtifact": false في الإعدادات، أو متغيّر البيئة CLAUDE_CODE_DISABLE_ARTIFACT=1، أو ارفض صلاحية Artifact. وإن تعثّرت في تسجيل الدخول، فراجع حلول أخطاء المصادقة / تسجيل الدخول.
الخلاصة
Claude Code Artifacts (أُعلن عنه في 18 يونيو 2026) يحوّل جلسة برمجة في الطرفية إلى صفحة مشترَكة "حيّة" على رابط claude.ai خاص. جولات PR، ولوحات المعلومات، والخطوط الزمنية للحوادث، وقوائم التحقّق — مخرجات رؤيتها أسهل من قراءتها — تشاركها مع فريقك. وهو متمايز عن Artifacts ذي نمط اللوحة في claude.ai لعام 2024: مصدره الجلسة، وذاتي التحديث، وخاص افتراضيًا. لا يوجد أمر /artifact — بل تطلب بلغة طبيعية، فيكتب Claude ملف .html وينشره، وكل تحديث إصدار جديد على الرابط نفسه.
لكنه "التقاطٌ للعمل، لا تطبيق" — بلا خلفية، وطلبات خارجية محدودة (CSP)، صفحة واحدة، ≤ 16 MiB. ويعمل على خطط Pro / Max / Team / Enterprise ويتطلّب تسجيل دخول عبر /login (وليس مفاتيح API) على واجهة Anthropic API فقط (وليس Bedrock وغيرها). وللفرق التي تريد خفض تكلفة تحديثات الحالة، إنه خيار قوي. ذو صلة: Claude Agent Skills، MCP، Claude Cowork.
الأسئلة الشائعة
Q. هل هذا نفسه claude.ai Artifacts لعام 2024؟
A. لا، إنه مختلف. إصدار 2024 يعرض artifact في لوحة بجانب المحادثة في claude.ai. أما Claude Code Artifacts فيُحوّل جلسة برمجة في الطرفية إلى صفحة مستقلة على رابط claude.ai خاص، مبنيّة من الجلسة بأكملها (قاعدة الشيفرة، الموصِّلات)، وذاتية التحديث، وخاصة افتراضيًا. الاسم والنَسَب مشتركان، لكن السطح وطريقة المشاركة مختلفان.
Q. كيف أنشئ واحدًا؟ هل هناك أمر؟
A. لا يوجد أمر مخصّص /artifact. اطلب بلغة طبيعية أثناء الجلسة ("اصنع artifact يقوم بـ…")، أو يعرض Claude عليك واحدًا حين تكون المخرجات مناسبة لصفحة. يكتب Claude ملف .html (أو .htm / .md) وينشره، ثم يطبع رابطًا (وفي وضع التخطيط، أو حين تعلن الصفحة عن قدرات مثل استدعاء الموصِّلات، يطلب الإذن أولًا). أعِد فتح الأحدث بـ Ctrl+].
Q. هل يستطيع أي شخص رؤية الصفحة؟ هل يمكنني جعلها عامة؟
A. الـartifact الجديد لا يراه في البداية سواك. استخدم Share في ترويسة الصفحة: في Team / Enterprise يمكنك المشاركة مع أشخاص محدّدين أو مع المؤسسة كلها. والرابط العام يتيح فتحه دون تسجيل الدخول إلى claude.ai (في Team / Enterprise فقط إن فعّل الـ Owner المشاركة الخارجية). من تشاركه يكون مشاهدًا افتراضيًا، وفي Team / Enterprise يمكنك أيضًا جعله محرّرًا.
Q. هل يمكنني بناء تطبيق ويب يعمل؟
A. لا. تصف الوثائق الـartifact بأنه "التقاطٌ للعمل." فهو بلا خلفية، وطلباته الخارجية محدودة (لا تسمح CSP لـ fetch/XHR/WebSocket إلا بالوصول إلى أصل الصفحة نفسه وعدد قليل من المضيفات)، صفحة واحدة، وبحدّ ≤ 16 MiB. إن احتجت استدعاءات API عشوائية أو تخزين بيانات، فابنِ وانشر بالطريقة المعتادة. فـ Artifacts متخصّص في "مشاركة المخرجات بصيغة قابلة للقراءة."
Q. هل يمكنني استخدامه ضمن خطتي؟
A. حتى 4 أكتوبر 2026، هو متاح لخطط Pro / Max / Team / Enterprise. وهو مُفعَّل افتراضيًا في Team / Enterprise، ويمكن للـ Owner إيقافه للمؤسسة. تحتاج إلى جلسة مسجَّل دخولها إلى claude.ai عبر /login، ولا يمكن النشر بمفاتيح API / بيانات اعتماد السحابة. المزوّد هو واجهة Anthropic API فقط (وليس Bedrock/Vertex/Foundry). قد يتغيّر النطاق، فتحقّق من الأحدث في الوثائق الرسمية.
