Claude Code GUI

A Visual GUI for Claude Code

يعمل Claude Code داخل الطرفية. يغلّفه AgentsRoom بواجهة رسومية أصلية لسطح المكتب، حيث يظهر كل وكيل كبطاقة مرئية بمخرجات حيّة وعلامات دور ومؤشرات حالة. ترى كل شيء بلمحة واحدة بدل التنقل بين تبويبات الطرفية.

AgentsRoom تطبيق سطح مكتب مبني بـElectron وxterm.js. يمنح Claude Code واجهة رسومية: بطاقات وكلاء في شبكة، شريط جانبي للمشاريع، ترتيب بالسحب والإفلات، وتدفقات طرفية في الوقت الفعلي. متاح أيضاً على iOS وAndroid للمراقبة عن بُعد.

ما هو (Claude Code GUI)؟

Claude Code هي أداة من أدوات مبادرة CLI. تتفاعل مع ذلك من خلال أوامر النص في نافذة طرفية. هذا يعمل جيداً لوكيل واحد، لكن عندما تدير 5 أو 10 عملاء بالتوازي، ينهار النهج النهائي فقط. تَفْقدُ المسارَ الذي الوكيل يَعْملُ الذي واحد إنتهى، والذي واحد ضَربَ a خطأ.

واجهة Claude Code الرسومية هي طبقة مرئية فوق الـ CLI. تعرض كل وكيل كبطاقة مرئية باسمه ودوره وحالته وبثّ حي من طرفيته. فبدلاً من تذكّر أي تبويب طرفية يخص أي وكيل، ترى الصورة الكاملة في نافذة واحدة. AgentsRoom هو تلك الواجهة الرسومية.

الـ "سي آي" للطباعة الـ (جوي) من أجل رؤيته أنت بحاجة لكلاهما عندما تدير عملاء متعددين.

حالة واجهة بصرية

CLI-Only vs. GUI for Claude Code

الإختلاف يصبح واضحاً عندما تدير أكثر من عميلين في نفس الوقت.

CLI-Only Claude Code

  • كل وكيل هو تبويب طرفية. مع 8 وكلاء، لديك 8 تبويبات تتابعها يدوياً
  • لا يوجد مؤشر بصري على وضع العميل يجب أن تحطم كل محطة طرفية للتحقق من التقدم
  • لا بطاقات دور تَعتمدُ على الذاكرةِ لتَعْرفُ الذي tab يَعمَلُ الجبهةَ ضدّ الظهرِ
  • التبديل المستمر بين التبويبات يكسر تركيزك ويبطئك

مع واجهة AgentsRoom الرسومية

  • جميع العملاء تم عرضهم كبطاقات في شبكة ألوان الوضع تظهر نشيطة، أو فعل، أو خطأ في لمحة
  • كل بطاقة تُظهر عرضاً مباشراً عقدة للتوسع إلى دورة نهائية كاملة
  • (Frontend, Backend, QA, DevOps) visible on each card. ملوثة بالوظيفة
  • نافذة واحدة، وجهة نظر واحدة "مشاكل الـ "غواي لا تتدخل إلا عند الحاجة

ما يعطيك إياه الرجل

:: ستة سمات تجعل من Claude Code بصرية، منظمة، ويسهل إدارتها على نطاق واسع.

العميل الافتراضي كاردز

يظهر كل وكيل Claude Code كبطاقة في شبكة متجاوبة. تعرض البطاقة اسم الوكيل، الدور المعين، الحالة الحالية (نشط، خامل، منتهي، خطأ)، ومعاينة حية لمخرجات المحطة الخاصة به.

Drag-and-Drop Layou

بطاقات عملاء إعادة ترتيب عن طريق سحبها. ضع أهم عملاءك في القمة المخطّط يَستمرُّ عبر الجلساتِ لذا مكانِ عملكَ يَبْقى ثابتَ.

المهام

عيّن دوراً لكل وكيل: الواجهة الأمامية، الواجهة الخلفية، QA، DevOps، المهندس المعماري، الأمان، وغيرها. تظهر الأدوار كعلامات ملوّنة على كل بطاقة، ما يسهّل تصفّح الوكلاء حسب وظيفتهم.

المصطلحات الحقيقية

كُلّ بطاقةِ وكيلِ تَتضمّنُ a محطة طرفية حَيّة تَقُودُ بواسطة Xterm.js. راقبوا الرمز الذي يتم كتابته، والاختبارات يجري تشغيلها، والقيادة يجري تنفيذها. اضغط أي بطاقة لفتح جلسة كاملة.

Project Sidebar

يُنظّمُ العملاءَ بالمشروعِ في a جانبي. التحول بين المشاريع دون فقدان السياق. ويحتفظ كل مشروع بمجموعته الخاصة من العوامل والأدوار والتشكيل.

شركة متنقلة

راقب وكلائك من هاتفك باستخدام تطبيقات iOS و Android. متصل عبر ترحيل E2EE، يمكنك التحقق من حالة الوكيل وقراءة مخرجات المحطة من أي مكان.

كيف تستخدم واجهة Claude Code الرسومية

أربع خطوات من التحميل إلى مكان عمل للعميل البصري.

1

Install AgentsRoom

تحميل التطبيق المكتبي. إنّه تطبيق (إلكترون) الأصليّ الذي يعمل محلياً على آلتك. لا يوجد حساب مطلوب ولا تبعية سحابية.

تحميل .dmg > سحب إلى التطبيقات > تشغيل

2

مضافا إليه مشروع فولدر

وجّه AgentsRoom إلى مجلد مشروعك. ينشئ التطبيق مساحة عمل تُجمَّع فيها كل وكلاء هذا المشروع معاً في الشريط الجانبي.

Sidebar > يضاف المشروع > الملفات المختارة

3

عوامل الإطلاق مع الأدوار

إنشاء وكلاء جدد وإسناد دور لكل منهم. كل وكيل يحصل على عملية طرفية خاصة به تشغيل Claude Code. تعليماتك للوحدة الخاصة تم نقلها لكل عميل تلقائياً.

العميل الجديد دور اختياري (Frontend, Backend, QA...) > ابدأ

4

مرصد من مجموعة غوي

شبكة العميل تستكمل في الوقت الحقيقي الأخضر يعني النشيط، الوسائل الزرقاء، الأحمر يعني الخطأ. اضغط على أي بطاقة لرؤية المحطة بالكامل الـ (جوي) يبقيك على علم دون أن تطلب منك فحص كل عميل يدوياً.

"نظرة غريد" لون المركز إضغطْ للتوسعِ Intervene if needed

لماذا AgentsRoom كما Claude Code GUI

بناء خصيصا لإعطاء Claude Code وصلة بيانية التي المطورون يريدون استخدامها فعلا.

Native Electron Performance

(AgentsRoom) تعمل كتطبيق مكتبي وطني، وليس صفحة على الشبكة. كل عميل يحصل على عملية "بي تاي" حقيقية مع محاكاة كاملة الـ(غواي) تبقى مستجيبة حتى مع تشغيل 20 عميلاً.

من نهاية إلى End Encrypted

بيانات العملاء متزامنة بين الحاسوب المكتبي والتنقل من خلال نقل E2E. شفراتك وسرعاتك والنواتج النهائية لا تصل إلى خوادمنا بشكل قابل للقراءة كل شيء يجري محليا أولا.

دعم المشاريع المتعددة

العمل على عدة قواعد في آن واحد. ويحصل كل مشروع على مجمّع العميل الخاص به، ودخول جانبي، وتشكيلة. تبادل بين المشاريع في نقرة واحدة.

بلا احتكار من مزوّد واحد

يعمل AgentsRoom فوق وكلاء CLI الذين تدفع مقابلهم بالفعل. استخدم اشتراكك الخاص في Claude Code أو Codex، وبدّل المزوّد في منتصف المحادثة. لا شيء مرتبط بمزوّد واحد، وأي بيانات استخدام تبقى مجهولة الهوية ويمكن إيقافها.

Claude Code GUI FAQ

ما هو (Claude Code GUI)؟+
واجهة Claude Code الرسومية هي طبقة مرئية فوق واجهة Claude Code لسطر الأوامر. فبدل التعامل مع الوكلاء عبر نص طرفية خام، ترى كل وكيل كبطاقة مرئية بمؤشرات حالة وعلامات دور ومخرجات طرفية حيّة. يوفّر AgentsRoom هذه الواجهة الرسومية في تطبيق سطح مكتب أصلي.
هل AgentsRoom هو بيئة تطوير متكاملة (IDE)؟+
لا. AgentsRoom ليس محرر كود أو بيئة تطوير متكاملة (IDE). إنه مركز أوامر بصري لإدارة وكلاء Claude Code. لا تزال تكتب المطالبات وتراجع الكود، لكن الواجهة الرسومية تمنحك عرضًا منظمًا لجميع وكلائك، أدوارهم، ومخرجاتهم في مكان واحد.
هَلْ AgentsRoom تحل محل المحطة؟+
لا ولا يزال كل عامل يعمل في عملية طرفية حقيقية (PTY) مع محاكاة كاملة.js. وتضع وحدة التفتيش المشتركة هذه المحطات في البطاقات البصرية وتضيف مؤشرات الوضع، وعلامات الدور، وتنظيم المشاريع على رأسها. يمكنك أن تضغط أي بطاقة للوصول إلى المحطة بالكامل.
كم عدد العملاء الذين يمكنني تشغيلهم في (غوي)؟+
يستطيع AgentsRoom عرض وإدارة 20 وكيلاً متزامناً أو أكثر. يعمل كل وكيل في عملية PTY خاصة به. وتبقى الواجهة الرسومية سريعة الاستجابة لأنها تعتمد على عرض Electron الأصلي بدل واجهة تعمل داخل المتصفح.
هَلْ AgentsRoom مجاناً؟+
نعم. يمكن تنزيل AgentsRoom واستخدامه مجانًا. تشمل الخطة المجانية ما يصل إلى 3 مشاريع مع عدد غير محدود من الوكلاء، وتفتح خطة Pro مشاريع غير محدودة. لتشغيل الوكلاء تستخدم اشتراكك الخاص في Claude Code (مفتاح API من Anthropic أو خطة Claude Max).
هل تعمل وحدة التفتيش المشتركة مع أدوات آي غير Claude Code؟+
AgentsRoom مصممة للعملاء Claude Code، ولكن كل وكيل هو عملية طرفية موحدة. ويمكن إطلاق ورصد أي أداة من أدوات التنفيذ القائمة على مبادرة المكافحة الدولية للتحرير والتي تعمل في محطة طرفية من خلال نظام الإبلاغ الموحد. الواجهة هي تشخيص نموذجي على مستوى المحطة.

You may also like

قراءات إضافية

جرّب (Claude Code GUI)

تحميل AgentsRoom وإعطاء Claude Code واجهة بصرية. لا حاجة إلى أي حساب.

مجانيتحميل

التطبيق المرافق: تابع وكلاءك أينما كنت

استخدم Claude أو Codex أو Antigravity CLI أو أي مزود AI آخر.

تثبيت الملحق
Chrome Web Store

أرسل الأخطاء والطلبات مباشرة إلى قائمة المهام العامة.

لمحة عن AgentsRoom أثناء العمل.

مشاريع متعددة
متعدد المزوّدين
وكلاء متعددون
حالة مباشرة
فرق الملفات والإيداع
تطبيق الهاتف
معاينة مباشرة
فرق الوكلاء
أتمتة المتصفح
تطوير موجّه بالـ backlog
مكتبة البرومبت
مكتبة المهارات
عرض جميع الميزات