Artifacts لـ Claude Code و Codex
وكل CLI آخر للوكلاء
يبني وكيلك لوحة معلومات أو رسمًا بيانيًا أو تقريرًا. وبدل أن يترك مسار ملف في الطرفية، يعرض لك الصفحة: مربّع فوق حقل الإدخال يُفتح بنقرة واحدة، وإشعار فوري يفتحها على هاتفك.
أداة واحدة لكل CLI للوكلاء يملك عميل MCP، وهي نفسها على macOS و Windows و Linux. لا خدمة مستضافة ولا حساب لدى مورّد واحد: الصفحة ملف على حاسوبك، وتبقى هناك.
view_present( path: "reports/q3.html", title: "Q3 dashboard" )
يستدعي الوكيل أداة واحدة، فتظهر صفحته مربّعًا فوق حقل الإدخال، مع مستند إضافي في علامة تبويب «المستندات».
يبرع الوكلاء في تحويل سؤال إلى صفحة: لوحة معلومات لنتائج اختباراتك، أو رسم بياني لعملية ترحيل، أو تقرير يقارن ثلاثة خيارات. ثم ينتهي الأمر بالصفحة مسار ملف في مكان ما من الطرفية، وعليك أن تلمحه وتفتحه وتأمل أنك اخترت الصحيح.
يمنح AgentsRoom كل وكيل أداة لهذه الخطوة الأخيرة. حين تصبح الصفحة جاهزة، يستدعي الوكيل view_present بالمسار وعنوان. يظهر مربّع فوق حقل الإدخال الخاص بذلك الوكيل. انقره: تنتقل علامة تبويب «المستندات» إلى الواجهة وتُفتح الصفحة، معروضة كاملة ورسومها البيانية تعمل. وعلى هاتفك، يفتح الإشعار الفوري الصفحة نفسها.
لا يعتمد ذلك على الـ CLI. تقع الأداة على خادم MCP الخاص بـ AgentsRoom، الذي يوصله التطبيق بكل وكيل يملك عميل MCP، فتتصرف صفحة من Codex تمامًا مثل صفحة من Claude Code. ولا يغادر شيء حاسوبك ليعمل هذا.
ما الذي يحدث حين يعرض عليك وكيل صفحة
الصفحة التي كتبها وكيلك تُعامل بالطريقة نفسها أيًا كان الـ CLI الذي كتبها.
الحركة نفسها على كل CLI
يستدعي Claude Code و Codex و Antigravity CLI و Kimi Code والبقية الأداة نفسها ويحصلون على النتيجة نفسها. لا يغيّر تبديل الـ CLI طريقة استلامك لعملهم.
مربّع فوق حقل الإدخال
يصل المستند إلى حيث تتحدث مع الوكيل أصلًا، مع عنوانه والمدة المنقضية منذ وصوله. نقرة واحدة تفتحه، وعلامة الإغلاق تزيل المربّع، ويبقى المستند في «المستندات».
لا تستولي على شاشتك
لا شيء يقفز إلى الواجهة ولا تظهر علامة تبويب طرفية، فتبقى اللوحة التي تكتب فيها لك. وإن كنت تعمل على وكيل آخر أو مشروع آخر، ينتظرك المربّع ويخبرك إشعار بأنه هناك.
على هاتفك بلمسة واحدة
حين تكون بعيدًا عن الحاسوب، يذكر إشعار فوري الوكيل والمشروع والصفحة. المسه فتُفتح الصفحة في تطبيق AgentsRoom، فوق وحدة تحكم ذلك الوكيل.
محفوظ في «المستندات»
تنضم كل صفحة إلى لوحة «المستندات» في المشروع، وتعرض علامة تبويبها عددها. ويُحفظ كل عرض جديد لملف كإصدار، مع ذكر الوكيل والمزوّد والنموذج الذي أنتجه.
أكثر من HTML
تشغّل صفحات HTML سكربتاتها الخاصة، فتعمل الرسوم البيانية المولَّدة. وتعرض الأداة نفسها أيضًا صورة أو SVG أو PDF أو ملف Markdown أو جدول CSV، معروضة كما يجب لا كنص مصدري.
كيف تستخدمها
لا شيء لتثبيته أو تفعيله. أربع خطوات من الطلب إلى الصفحة.
- 1
اطلب صفحة
في أي وكيل، اطلب بكلمات بسيطة: ابنِ لوحة معلومات لهذه النتائج في ملف HTML واحد واعرضها لي. طلب ملف واحد مهم، لأن الصفحة التي تضم CSS والسكربتات والبيانات داخلها تُعرض بالشكل نفسه على الحاسوب وعلى الهاتف.
- 2
يعرضها الوكيل حين تجهز
بعد كتابة الملف، يستدعي الوكيل view_present بمساره وعنوان قصير. يصبح العنوان اسم المربّع ونص الإشعار.
- 3
اقرأها حيث أنت
على الحاسوب، انقر المربّع فوق حقل إدخال الوكيل: تنتقل علامة تبويب «المستندات» إلى الواجهة وتُفتح الصفحة. ونقرة على الإشعار تفعل الشيء نفسه من أي مكان في التطبيق. وبعيدًا عنه، المس الإشعار الفوري على هاتفك.
- 4
اطلب التعديلات
أخبر الوكيل بما يجب تغييره. يعيد كتابة الملف ويعرضه مجددًا: يتحدّث المربّع، ويبقى الإصدار السابق في «المستندات».
كيف يختلف هذا عن Artifacts في Claude
لدى Claude ميزة Artifacts الخاصة به. على claude.ai وفي Claude Code، تُنشر الصفحة على خدمة Claude وتُقرأ في المتصفح، برابط يمكن لأعضاء مؤسستك فتحه. هذا مناسب حين يكون الهدف مشاركة الصفحة، وهو خاص بـ Claude: لا تحصل عليه واجهات CLI الأخرى التي تشغّلها.
هنا تبقى الصفحة ملفًا عاديًا على حاسوبك. يستطيع أي CLI يملك عميل MCP أن يعرض واحدة، ولا يُرفع شيء، ويمكن للملف أن يبقى في مستودعك بجانب الكود الذي أنتجه. ويقرأها هاتفك عبر الاتصال نفسه المشفّر من طرف إلى طرف الذي يستخدمه بقية التطبيق.
لا يتنافس الاثنان. استخدم Artifacts في Claude حين تحتاج إلى رابط ترسله إلى زميل، وهذا حين تشغّل عدة واجهات CLI وتريد رؤية عملها حيث أنت بالفعل.
الحدود
- لا يوجد رابط مشاركة: الصفحة ملف على حاسوبك. لإرسالها إلى أحد، أرسل الملف.
- يجب أن يكون تطبيق سطح المكتب قيد التشغيل، لأنه يحتفظ بالملف ويعرض المربّع. ويقرأ الهاتف الصفحة من خلاله.
- يستلم الهاتف الصفحة مستندًا واحدًا، فلا يستطيع تحميل ملفات بجانبها. على الحاسوب، يمكن للصفحة استخدام صور وأوراق أنماط وسكربتات وبيانات مجاورة. أبقِ كل شيء في ملف واحد إن أردت النتيجة نفسها على الجهازين.
- تصل الأداة إلى الوكلاء عبر MCP، لذا فإن Aider، الذي لا يملك عميل MCP، يترك مسار الملف في إجابته.
- تعمل سكربتات الصفحة على حاسوبك ويمكنها الوصول إلى الشبكة. تعامل مع صفحة لم تطلبها كما تتعامل مع برنامج لم تكتبه. ويُرفض الملف الذي يبدو أنه يحتوي على سر.
- لا يملك المساعد الشخصي لوحة «المستندات»: نقرة على مربّعه تفتح الصفحة في معاينته الخاصة.
الأسئلة الشائعة
هل يملك Codex ميزة Artifacts مثل Claude؟
في AgentsRoom، نعم: يستطيع وكيل Codex أن يعرض لك صفحة HTML كتبها بالأداة نفسها التي يستخدمها Claude Code. تظهر الصفحة مربّعًا فوق حقل الإدخال، وتُفتح بنقرة واحدة، وتصل إلى هاتفك. وهي تعمل على حاسوبك، فلا تحتاج إلى حساب لدى خدمة استضافة.
هل هذا بديل لـ Artifacts في Claude؟
لرؤية عمل وكيل، نعم، ويعمل مع أي CLI يملك عميل MCP. وللمشاركة، لا: تمنحك Artifacts في Claude رابطًا لمؤسستك، بينما تبقى الصفحة هنا ملفًا على حاسوبك.
كيف أعاين ملف HTML كتبه وكيلي؟
اطلب من الوكيل أن يعرضه لك: يستدعي view_present، ونقرة على المربّع فوق حقل الإدخال تفتح الصفحة معروضة كاملة. ويمكنك أيضًا فتح أي ملف HTML بنفسك من رابط الملف في إجابة الوكيل أو من علامة تبويب الملفات في اللوحة اليمنى. تعمل السكربتات، فتُرسم الرسوم البيانية المولَّدة.
هل تمر صفحتي أو بياناتي عبر خادم؟
الصفحة لا تمر: تبقى ملفًا على حاسوبك، ويقرأها الهاتف عبر الاتصال المشفّر من طرف إلى طرف بجهاز سطح المكتب. أما الإشعار الفوري فيمر عبر خدمة إشعارات ويحمل العنوان الذي تراه عليه، واسمي الوكيل والمشروع، ومسار الملف داخل المشروع.
هل سيقاطع ذلك ما أفعله؟
لا. لا تُفتح الصفحة من تلقاء نفسها أبدًا: تنتظر مربّعًا فوق حقل إدخال الوكيل حتى تنقره. وإن لم تكن تنظر إلى ذلك الوكيل، تصلك أيضًا رسالة تنبيه وإشعار فوري. ويتبع كلاهما إعدادات الإشعارات لديك، ولا يعلن الوكيل عن أكثر من صفحة واحدة في الدقيقة.
قد يعجبك أيضًا
مخططات Mermaid
يكتب Claude Code و Codex مخططات Mermaid نصًا لا تستطيع الطرفية إلا عرضه كما هو. يرسمها AgentsRoom حيث تقرأ الوكيل: الدردشة، ملفات .md، الخطط، التذاكر.
عرض المحادثة
واجهة دردشة لـ Claude Code وCodex وخمس أدوات CLI أخرى للوكلاء: الجلسة مقروءة من نص الجلسة الذي يكتبه الـ CLI، واستدعاءات الأدوات مطويّة، والإجابات مباشرة، على سطح المكتب والهاتف.
مراجعة الخطة
يقترح وكيلك خطة: اقرأها كمستند، وعلّق على أي مقطع أو استبدله أو احذفه، ثم وافق عليها أو أعدها إليه في رسالة واحدة. كل نسخة محفوظة.
لوحة تحكم MCP
تعلم Model Context Protocol (MCP)، وافهم خوادم MCP وعملاء MCP، واكتشف كيف يصبح AgentsRoom لوحة تحكم MCP بصرية لوكلاء Claude Code باستخدام خوادم MCP. قم بتشغيل سير عمل MCP متعدد الوكلاء، وتصحيح اتصالات MCP باستخدام --mcp-debug، ومراقبة كل جلسة Claude Code المدعومة بـ MCP في الوقت الفعلي.
شاهد ما يبنيه وكلاؤك
نزّل AgentsRoom لنظام macOS أو Windows أو Linux، ثم اطلب من أي وكيل أن يبني لوحة معلومات في ملف HTML واحد ويعرضها لك.
التطبيق المرافق: تابع وكلاءك أينما كنت
استخدم Claude أو Codex أو Antigravity CLI أو أي مزود AI آخر.
أرسل الأخطاء والطلبات مباشرة إلى قائمة المهام العامة.