جدول المحتويات

في 18 يونيو 2026، أطلقت Anthropic ميزة Claude Code Artifacts (بيتا) — وهي ميزة تحوّل جلسة برمجة في الطرفية إلى صفحة ويب "حية" يمكن لفريقك مشاركتها. فبدلاً من أن يبثّ Claude Code سيلاً لا ينتهي من git diff والسجلات على هيئة نص، صار بإمكانه نشر شرح موضّح لطلب دمج (PR)، أو لوحة تحكّم ذاتية التحديث، أو خط زمني لحادثة في صفحة واحدة.

يغطّي هذا المقال ما هو Artifacts، وكيف يختلف عن claude.ai Artifacts لعام 2024، وكيفية استخدامه، وقيوده، وشروط توفّره — استناداً إلى الوثائق الرسمية. وإليك ثلاث نقاط أساسية أولاً. (1) ينشر مخرجات الجلسة كصفحة واحدة على رابط claude.ai خاص، ويتحدّث المحتوى مع تقدّم العمل. (2) لا يوجد أمر مخصّص /artifact — بل تطلب بلغة طبيعية ("اصنع صفحة تشرح هذا الـPR مع التعليقات التوضيحية"). (3) في الوقت الحالي هي بيتا لخطتَي Team / Enterprise، ولا تُستخدم إلا في الجلسات المسجَّل دخولها عبر /login (وليس بمفتاح API).

CLAUDE CODE · ARTIFACTS (BETA)

حوِّل جلسةً إلى "صفحة مشترَكة"

— من مخرجات الطرفية إلى صفحة حيّة يمكنك النظر إليها والتفاعل معها

claude code — session
> لخّص حالات فشل النشر
  للأسبوع الماضي
  على هيئة artifact
جارٍ نشر deploy-failures.html…
→
claude.ai/code/artifact/…
Deploy failures by service
● داخل المؤسسة فقط · يتحدّث مع تقدّم العمل

يُنشَر إلى رابط 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صفحة مستقلة من جلسة برمجة في الطرفية
مصدر المحتوىمحادثة الدردشةالجلسة بأكملها (قاعدة الشيفرة، الموصِّلات)
تحديث حيّ للمشاهدينلا (تعيد التوليد في المحادثة)نعم (الصفحة المنشورة تتحدّث في مكانها)
نطاق المشاركةيمكن جعله عامًّاداخل المؤسسة فقط؛ لا يمكن جعله عامًّا

في سطر واحد: إصدار 2024 "يعرض artifact داخل المحادثة"، بينما إصدار Claude Code لعام 2026 "يحوّل جلسة برمجة في الطرفية إلى صفحة ويب ذاتية التحديث ومشترَكة داخل المؤسسة." الاسم نفسه، لكن حالة الاستخدام مختلفة وطريقة المشاركة مختلفة.

3. فيمَ يصلح استخدامه

حالات الاستخدام التي تذكرها Anthropic هي تماماً من النوع الذي "تتفوّق فيه رؤية الصفحة على قراءة النص."

USE CASES

حين تتفوّق "الصفحة" على النص

شرح طلب الدمج (PR)
الفروق موضّحة ومُلوَّنة حسب الخطورة. طلب مراجعتك يَبين من نظرة واحدة.
لوحة تحكّم
وَلِّد جداول ورسومًا قابلة للتصفية والفرز من بيانات الجلسة.
خط زمني للحادثة
الخط الزمني يمتلئ خلال تحقيق طويل — شارِكه وأنت تعمل.
قائمة تحقّق للإصدار
البنود تُعلَّم بنفسها كلما اكتمل العمل.
خرائط المعمارية / تدفّق البيانات
ارسم مخططًا للخدمات وتدفّقات البيانات. الوافدون الجدد يندمجون أسرع.
عمليات تدقيق / تكلفة / فرز
تدقيق تراخيص الاعتماديات، وخرائط تكلفة السحابة، ولوحات فرز بزرّ "نسخ كموجّه".

المعيار المشترك: "هل النظر إلى هذه المخرجات والتفاعل معها أسهل من قراءتها سطرًا سطرًا؟"

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) في مشروعك ويطلب الإذن بالنشر
#    "Claude wants to publish 'Deploy failures by service' (deploy-failures.html) to a private page on claude.ai" -> Yes

# 3) يُطبَع الرابط ويُفتَح في متصفّحك. أعِد فتح الأحدث بـ Ctrl+]
#    عطّل الفتح التلقائي بـ CLAUDE_CODE_ARTIFACT_AUTO_OPEN=0

للتحديث، اطلب من Claude المراجعة فحسب — فيحرّر الملف وينشر إلى الرابط نفسه، ويُسجَّل كل نشر كنسخة جديدة (يمكنك استعادة النسخ الأقدم). وللتحديث من جلسة مختلفة، الصِق رابط الـartifact (وإلا أُنشئ artifact جديد). شارِك عبر عنصر "Share" في رأس الصفحة لمنح الوصول لأشخاص محدّدين أو لمؤسستك بأكملها — الـartifact الجديد لا تراه إلا أنت في البداية. ويجب أن يكون المشاهدون مسجَّلي الدخول إلى claude.ai كأعضاء في المؤسسة نفسها، وهو للعرض فقط (وليس تحريرًا مشتركًا — تبقى أنت الكاتب الوحيد). وتُدرَج كل artifacts لديك في المعرض على claude.ai/code/artifacts.

5. القيود — إنه ليس "تطبيقًا"

تنصّ الوثائق الرسمية صراحةً: "الـartifact هو التقاطٌ للعمل، وليس تطبيقًا." إن أسأت فهم ذلك ستُصاب بالإحباط، فانتبه للقيود.

القيود الرئيسية (رسمية)

· لا خلفية (backend): صفحة ثابتة واحدة. لا تستطيع تخزين مُدخلات نموذج، ولا استدعاء API وقت العرض، ولا خدمة مسارات متعدّدة (مرابط داخل الصفحة فقط).

· لا طلبات خارجية: سياسة CSP صارمة تحجب السكربتات/الـCSS/الخطوط/الصور الخارجية إضافةً إلى fetch وXHR وWebSocket. الـCSS/JS مُضمَّنة داخليًا، والصور مُدمَجة كـ data URI.

· أنواع الملفات وحجمها: .html / .htm / .md فقط. ويجب أن تكون الصفحة بعد العرض ≤ 16 MiB (الصور الضخمة هي السبب المعتاد لفشل النشر).

· استهلاك التوكنات: لأن الـCSS/JS مُضمَّنة والصور بصيغة data URI، فإنه يستهلك توكنات أكثر من نص الطرفية.

إذًا Artifacts ليس "وسيلة لبناء تطبيق يعمل" — بل "وسيلة لتثبيت مخرجات الجلسة في صفحة واحدة قابلة للمشاركة والقراءة." إن احتجت أداة حقيقية تتواصل مع خدمات خارجية، فانتقل إلى التطوير المعتاد وانشر. وللمشاركة خارج مؤسستك، اطلب من Claude إخراج ملف HTML الخام (تتوقّف المشاركة عند حدود المؤسسة).

6. شروط التوفّر وأدوات الإدارة

حتى يونيو 2026، النطاق محدود (إنها بيتا — تحقّق من الأحدث في الوثائق).

البندالتفاصيل
الخططTeam / Enterprise فقط (وليس Pro/Max). مُفعَّلة افتراضيًا على Team؛ وعلى Enterprise يفعّلها المسؤول
الحالةبيتا (أُطلقت في 18 يونيو 2026)
أين تعملواجهة 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. ولتعطيلها بنفسك، استخدم "disableArtifact": true في الإعدادات، أو متغيّر البيئة CLAUDE_CODE_DISABLE_ARTIFACT=1، أو ارفض صلاحية Artifact. وإن تعثّرت في تسجيل الدخول، فراجع حلول أخطاء المصادقة / تسجيل الدخول.

الخلاصة

Claude Code Artifacts (18 يونيو 2026، بيتا) يحوّل جلسة برمجة في الطرفية إلى صفحة مشترَكة "حيّة" على رابط claude.ai خاص. شروحات الـPR، ولوحات التحكّم، والخطوط الزمنية للحوادث، وقوائم التحقّق — مخرجات رؤيتها أسهل من قراءتها — تُشارَك داخل مؤسستك. وهو متمايز عن Artifacts ذي نمط اللوحة في claude.ai لعام 2024: مصدره الجلسة، وذاتي التحديث، وداخل المؤسسة فقط. ولا يوجد أمر /artifact — بل تطلب بلغة طبيعية، فيكتب Claude ملف .html وينشره، ويكون كل تحديث نسخة جديدة على الرابط نفسه.

لكنه "التقاطٌ للعمل، لا تطبيق" — بلا خلفية، ولا طلبات خارجية (CSP)، صفحة واحدة، ≤ 16 MiB. والاستخدام بيتا لخطتَي 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 في رأس الصفحة لمنح الوصول لأشخاص محدّدين أو للمؤسسة بأكملها. يجب أن يكون المشاهدون مسجَّلي الدخول إلى claude.ai كأعضاء في المؤسسة نفسها، وهو للعرض فقط. ولتسليمه خارج المؤسسة، اطلب من Claude إخراج ملف HTML الخام.

Q. هل يمكنني بناء تطبيق ويب يعمل؟
A. لا. تصف الوثائق الـartifact بأنه "التقاطٌ للعمل، وليس تطبيقًا." فهو بلا خلفية، ولا طلبات خارجية (تحجب CSP استدعاءات fetch/XHR/WebSocket)، صفحة واحدة، وبحدّ ≤ 16 MiB. إن احتجت تخزين نماذج أو استدعاءات API، فابنِ وانشر بالطريقة المعتادة. فـ Artifacts متخصّص في "مشاركة المخرجات بصيغة قابلة للقراءة."

Q. هل يمكنني استخدامه ضمن خطتي؟
A. حتى يونيو 2026 هو بيتا لخطتَي Team / Enterprise (وليس Pro/Max). مُفعَّل افتراضيًا على Team؛ وعلى Enterprise يفعّله المسؤول. تحتاج جلسة مسجَّلة الدخول إلى claude.ai عبر /login، ومفاتيح API / بيانات اعتماد السحابة لا يمكنها النشر. والمزوّد هو واجهة Anthropic API فقط (وليس Bedrock/Vertex/Foundry). وقد يتغيّر النطاق، فتحقّق من الأحدث في الوثائق الرسمية.