الانتقال إلى المكوّنات

مكوّنات لتطبيقات الذكاء الاصطناعي.

وحدات بناء تفاعلية للوكلاء والمحادثة والبيانات وشاشات التطبيق اليومية. انسخ الشفرة، أو سلّم الطلب لوكيل البرمجة لديك، أو دع MonstarX يبنيها مباشرة في تطبيقك.

  • 40مكوّنًا
  • 7مجموعات
  • React + Tailwind
  • مجانية الاستخدام

تعمل الطلبات في

MonstarX · Claude Code · Cursor · Codex · Windsurf · Gemini CLI · VS Code · Lovable · وأي وكيل برمجة

استخدمها مع وكيل البرمجة
01

شاشة الوكيل

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

جارٍ تحميل العرض…

أضف شاشة يشاهد فيها الناس المساعد وهو يستخدم موقعًا نيابةً عنهم: مؤشره يتحرك وينقر ويكتب بينما تعرض قائمة كل خطوة، مع «إيقاف مؤقت» و«تولَّ القيادة» وموافقة قبل أي شيء يُنفق المال. وأضف وضعًا لتعليمه مهمة بأدائها مرة واحدة، وتسجيلًا يمكن إعادة تشغيله والتنقل فيه.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

02

مسار التفكير

يعرض ما يفعله الوكيل أثناء عمله — الخطوات والاستدلال وعمليات البحث والشفرة — ثم يُطوى في سطر واحد.

جارٍ تحميل العرض…

أضف إلى مساعد تطبيقي مسار تفكير: أثناء عمله اعرض لوحة «يفكّر…» تسرد كل خطوة مع مؤشر تحميل، وعلامة صح عند انتهائها مع المدة التي استغرقتها. اسمح بفتح اللوحة لقراءة الاستدلال وعمليات البحث التي أجراها والشفرة الذي كتبه، واطوِها في سطر «فكّر لمدة 6 ثوانٍ» عند الانتهاء.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

03

رقاقات الأدوات

الأدوات التي يستدعيها الوكيل أثناء الإجابة، في رقاقات تُظهر التشغيل والفشل وإعادة المحاولة والاكتمال، وكلٌّ منها يُفتح على مدخلاته ومخرجاته.

جارٍ تحميل العرض…

اعرض الأدوات التي يستخدمها المساعد أثناء الإجابة في رقاقات صغيرة: مؤشر دوّار أثناء تشغيل كل أداة، واسمها والمدة التي استغرقتها عند الانتهاء، ولون أحمر مع الخطأ عند الفشل، ونقرة تفتح ما أُرسل إليها وما عاد منها. ووفّر عرضًا زمنيًا يُطوى إلى «استُخدمت 5 أدوات».

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

04

صفوف المهام

حالة حية للمهام التي يشغّلها الوكيل: في الانتظار، قيد التشغيل مع التقدّم، فاشلة مع إعادة المحاولة، مكتملة — ككبسولات أو قائمة.

جارٍ تحميل العرض…

أضف قائمة مهام تعرض ما يعمل عليه الوكيل: صف لكل مهمة فيه حالتها (في الانتظار، قيد التشغيل مع حلقة تقدّم، فاشلة مع زر «إعادة المحاولة»، مكتملة مع علامة صح)، وعدد قصير مثل «12 فاتورة»، وسهم يفتح الخطوات الفرعية للمهمة.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

05

خطة الميزات

الخطة التي يسير عليها الوكيل كقائمة تحقق مع التقدّم: حالة كل ميزة، وما تغطيه، وهل نجحت في الاختبار.

جارٍ تحميل العرض…

أضف بطاقة خطة ميزات: قائمة تحقق بالميزات قيد البناء مع شريط تقدّم («اكتملت 3 من 5»). تعرض كل ميزة حالتها (لم تبدأ، قيد العمل، مكتملة)، وتنفتح على وصف من سطر واحد، وتحمل شارة صغيرة «نجح الاختبار» أو «فشل الاختبار».

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

06

درج قائمة الطلبات

الطلبات المرسلة والوكيل مشغول تنتظر في درج فوق مربع الطلب: أعد ترتيبها أو عدّلها أو احذفها أو أرسل أحدها تاليًا.

جارٍ تحميل العرض…

اسمح للناس بمواصلة إرسال الطلبات أثناء عمل المساعد: اعرض ما يعمل عليه مع تقدّمه، وضع الطلبات الجديدة في قائمة انتظار فوق مربع الطلب يمكن إعادة ترتيبها وتعديلها وحذفها أو إرسال أحدها تاليًا، مع زر لإيقاف القائمة مؤقتًا.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

07

شبكة توليد الصور

ولّد صورًا من وصف: دفعات تتشكّل من التشويش مع تقدّم مباشر، ثم أنشئ منها تنويعات أو كبّرها أو احفظها أو نزّلها.

جارٍ تحميل العرض…

أضف مولّد صور: مربع لكتابة الوصف مع خيارات النمط والأبعاد، وزر «توليد» يصنع أربع صور في كل مرة، تُظهر كل منها تقدّمها أثناء تشكّلها. ومن أي صورة مكتملة يمكن إنشاء تنويعات أو تكبيرها أو حفظها في المفضلة أو تنزيلها؛ وتبقى الدفعات السابقة في الأسفل.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

08

إجابة متدفقة

إجابة تُكتب أمامك، مع مراجع مرقّمة تفتح معاينة للمصدر، وأزرار للنسخ والتقييم، وأسئلة متابعة.

جارٍ تحميل العرض…

اجعل إجابات المساعد تظهر كلمة كلمة خلف مؤشر وامض، مع مراجع مرقّمة تعرض عند التمرير عنوان المصدر وموقعه ومقتطفًا منه، وصف من الأزرار (نسخ، إعادة الكتابة، إعجاب، عدم إعجاب)، وسؤالين أو ثلاثة للمتابعة يمكن النقر عليها لطرحها مباشرة.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

09

بطاقات السياق

المقاطع التي وجدها الذكاء الاصطناعي قبل أن يجيب: المصدر ومدى الصلة والكلمات المطابقة، مع تثبيت واستبعاد، والإجابة تتبعها.

جارٍ تحميل العرض…

عندما يجيب المساعد من مستنداتنا، اعرض المقاطع التي استخدمها في بطاقات: لكل بطاقة المصدر والصفحة ودرجة الصلة والكلمات المطابقة مظلّلة، وزرّان لتثبيتها أو استبعادها، مع إجابة تستشهد بكل بطاقة برقمها.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

10

بطاقة الموافقة

أسئلة يطرحها الوكيل قبل أن يتصرف، سؤالًا تلو الآخر، وبطاقة إذن للإجراءات التي تحتاج إلى موافقتك.

جارٍ تحميل العرض…

قبل أن يقوم المساعد بأمر مهم، اعرض بطاقة موافقة: بضعة أسئلة واحدًا تلو الآخر (اختيار واحد، أو عدة اختيارات، أو إجابة قصيرة) مع «تخطٍّ» و«متابعة» وعدّاد «1 من 3». وللإجراءات الخطرة، اعرض بطاقة تقول بالضبط ما سيحدث، مع «موافقة» و«تعديل» و«رفض».

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

11

بطاقة التوصية

توصية من الذكاء الاصطناعي مع مقياس للثقة، والأدلة والمخاطر وراءها، والبدائل التي وازن بينها، في بطاقة أو مقارنة.

جارٍ تحميل العرض…

أضف بطاقة توصية: الخيار الذي يوصي به المساعد مع مقياس للثقة (مثل «82% · عالية»)، والأسباب مع مصادرها، والخطر الرئيسي، وما قد يغيّر رأيه، والبدائل التي درسها مع درجة الثقة في كلٍّ منها، وزر لتنفيذها.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

12

كرة الوكيل الصوتي

كرة تتنفس وتصغي وتفكر وتتكلم، مع ترجمة نصية مباشرة وكتم صوت ومقاطعة بلمسة، أو شريط مكالمة مختصر.

جارٍ تحميل العرض…

أضف مساعدًا صوتيًا إلى تطبيقي: كرة متوهجة يلمسها الناس للتحدث، تُظهر متى تصغي ومتى تفكر ومتى تتكلم، مع ترجمة نصية مباشرة وزر لكتم الصوت ولمسة للمقاطعة أثناء كلامها، وشريط مكالمة صغير فيه مؤقّت وزر إنهاء.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

13

تعليقات على المعاينة

سلاسل تعليقات مثبّتة على معاينة مباشرة: ضع دبوسًا في أي مكان، وردّ، وحلّ التعليق وتراجع، مع قائمة اختيارية بكل السلاسل.

جارٍ تحميل العرض…

اسمح للناس بالتعليق على معاينة تطبيقي: زر «تعليق»، ثم نقرة في أي مكان تضع دبوسًا عليه صورة الشخص وتفتح سلسلة يمكن للآخرين الرد فيها. يمكن وضع علامة «تم الحل» على السلاسل (مع تراجع) وإخفاؤها، وتُظهر وجود رد جديد، وتُدرج أيضًا في لوحة جانبية بتبويبين: «مفتوحة» و«تم حلها».

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

14

مربع الطلب

المربع الذي يكتب فيه الناس للوكيل: @ لإرفاق المصادر، و/ للأوامر، وقائمة النماذج، والمرفقات، والإدخال الصوتي.

جارٍ تحميل العرض…

أضف إلى تطبيقي مربع طلب: يكبر مع الكتابة، و«@» يفتح قائمة بالملفات ومصادر البيانات لإرفاقها كشارات، و«/» يفتح قائمة بالأوامر، وفيه أزرار لإرفاق ملف واختيار النموذج والإملاء الصوتي والإرسال — وكلها تعمل من لوحة المفاتيح.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

15

منتقي النموذج

اختر النموذج ومدى عمق تفكيره: السرعة والتكلفة بنظرة واحدة، وشارات النماذج المميزة، ومستوى الجهد من منخفض إلى أقصى.

جارٍ تحميل العرض…

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

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

16

موجة الإملاء الصوتي

تكلّم بدل الكتابة: موجة صوتية حية ومؤقّت، وكلمات تظهر وأنت تتحدث، ثم احتفظ بها أو ألغِها، بصوت تجريبي أو بميكروفونك.

جارٍ تحميل العرض…

أضف الكتابة بالصوت إلى حقول النص في تطبيقي: زر ميكروفون يحوّل الحقل إلى موجة صوتية حية مع مؤقّت، ويعرض الكلمات أثناء الكلام (الكلمات غير المكتملة باللون الرمادي)، مع زرّين للاحتفاظ بما قيل أو إلغائه.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

17

إجراءات التحديد

ظلّل نصًا فيظهر شريط أدوات للذكاء الاصطناعي: حسّن واختصر واجعله أدفأ وصحّح أو ترجم، ثم اقبل إعادة الكتابة أو تجاهلها في مكانها.

جارٍ تحميل العرض…

اسمح للناس بتحديد نص في المحرر ليظهر بجانبه مباشرة شريط أدوات للذكاء الاصطناعي: «تحسين» و«أقصر» و«أدفأ» و«تصحيح الإملاء» و«ترجمة»، ثم اعرض إعادة الكتابة في مكانها مع شطب الكلمات القديمة وإظهار الجديدة بالأخضر، وزرّين للقبول أو التجاهل.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

18

لوحة الأوامر

مربع واحد للعثور على أي شيء وتنفيذ أي إجراء: بحث يتسامح مع الأخطاء، ونتائج مجمّعة، ونطاقات، وخطوة ثانية، وكل ذلك من لوحة المفاتيح.

جارٍ تحميل العرض…

أضف لوحة أوامر تُفتح بـ ⌘K: مربع بحث واحد يعثر على الصفحات والسجلات والإجراءات أثناء الكتابة (ويتسامح مع الأخطاء الإملائية)، ويجمّع النتائج مع العناصر الأخيرة أولًا، ويبرز الأحرف المطابقة، وينفّذ العنصر المختار بـ Enter، ويعرض حالة فارغة ودودة مع اقتراح عندما لا يُعثر على شيء.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

19

جدول الفروق

تعديلات الذكاء الاصطناعي تمرّ على الجدول صفًا صفًا: كل تغيير بصيغة قبل ← بعد، مع قبول أو رفض لكل خلية أو صف أو للكل، وشرح للصفوف التي تُركت كما هي.

جارٍ تحميل العرض…

عندما يقترح المساعد تغييرات على جدول، اعرضها قبل تطبيقها: كل خلية تغيّرت بقيمتها القديمة مشطوبة والجديدة باللون الأخضر، وملاحظة على أي صف اختار ألّا يغيّره، وأزرار لقبول أو رفض كل خلية أو كل صف أو الكل، ثم «تطبيق».

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

20

بطاقات الرؤى

أرقام تشرح نفسها: بطاقات مؤشرات مع خطوط مصغّرة أو أعمدة يمكن التمرير عليها، والرؤية التي تقف خلفها.

جارٍ تحميل العرض…

أضف إلى لوحة التحكم صفًا من بطاقات المؤشرات: تعرض كل بطاقة رقمًا، وتغيّره منذ الأسبوع الماضي بالأخضر أو الأحمر، ورسمًا صغيرًا يُقرأ عليه قيمة كل يوم عند التمرير. وتحتها بطاقة رؤى يمكن تقليبها تشرح ما تعنيه الأرقام، مع خطوة تالية مقترحة لكل منها.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

21

جدول السجلات

جدول على طريقة أنظمة إدارة العملاء: بحث، وأعمدة قابلة للفرز، ووسوم، ومؤشر لقوة العلاقة، وتحديد صفوف مع إجراءات جماعية.

جارٍ تحميل العرض…

أضف جدولًا للعملاء: قابلًا للبحث، بأعمدة قابلة للفرز (الاسم، الوسوم، الكمية الشهرية، آخر طلب، وقوة العلاقة معروضة بأربعة أعمدة صغيرة)، ومربعات اختيار لتحديد الصفوف، وشريط للإجراءات الجماعية يظهر عند تحديد صفوف. على الهاتف يبقى العمود الأول ثابتًا بينما يُمرَّر الباقي.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

22

جدول بعوامل تصفية

جدول مباشر تعيد شارات الحالة ترتيبه أثناء التصفية: تتحدّث الأعداد، وتنزلق الصفوف إلى أماكنها، وتصل صفوف جديدة أمام عينيك.

جارٍ تحميل العرض…

أضف جدول طلبات مباشرًا فوقه شارات حالة (الكل، جديد، قيد التنفيذ، تم الشحن، مشكلة) يعرض كل منها عددًا ويصفّي الصفوف عند النقر عليه. تظهر الطلبات الجديدة في الأعلى وتتحرك الصفوف بسلاسة عندما تتغير حالتها؛ وأضف مربع بحث وزر «إيقاف مؤقت» للتحديثات المباشرة وخيارًا لتجميع الصفوف حسب الحالة.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

23

فروق الكود

تغييرات الوكيل في الكود جاهزة للمراجعة: عرض موحّد أو جنبًا إلى جنب، وتظليل على مستوى الكلمة، وطيّ الأسطر غير المتغيرة، وتعليقات على أي سطر متغير.

جارٍ تحميل العرض…

اعرض تغييرات الكود التي أجراها الوكيل كفروق يمكن مراجعتها: ملفًا ملفًا، الأسطر المحذوفة بالأحمر والمضافة بالأخضر مع تظليل الكلمات المتغيرة، وطيّ الكود غير المتغير، ومربع «تمت المشاهدة» لكل ملف، وتعليقات على أي سطر متغير، وتبديل بين العرض الموحّد والعرض جنبًا إلى جنب.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

24

تدفق السجلات

عارض سجلات مباشر بعوامل تصفية حسب المستوى وبحث ومتابعة ونسخ — أو طرفية تعرض البناء مباشرة وتقبل الأوامر.

جارٍ تحميل العرض…

أضف عارض سجلات مباشرًا إلى لوحة إدارة تطبيقي: تتدفق الأسطر مع الوقت والمستوى والمصدر؛ ومفاتيح تُظهر كل مستوى أو تخفيه مع عدده؛ ومربع بحث يبرز المطابقات؛ ويتابع أحدث سطر حتى أمرّر إلى الأعلى (فيظهر زر «أسطر جديدة»)؛ ويمكنني إيقافه مؤقتًا وفتح تفاصيل أي سطر ونسخ الأسطر.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

25

لوحة مخطط انسيابي

أتمتة مرسومة على لوحة منقّطة — مشغّل وشروط وإجراءات — مع زر + لإضافة خطوة في أي مكان، وتشغيل تجريبي يضيء المسار الذي يسلكه.

جارٍ تحميل العرض…

أضف أداة لبناء الأتمتة: مخطط على لوحة منقّطة يبدأ بمشغّل، ويتفرع حسب شروط نعم/لا، وينفّذ إجراءات، مع زر + على كل وصلة لإضافة خطوة من قائمة، وخطوات يمكن إعادة تسميتها أو حذفها، وتحريك وتكبير، وزر «تشغيل تجريبي» يبرز كل خطوة أثناء تنفيذها.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

26

لوحة كانبان

أعمدة من البطاقات تُنقل بين المراحل — بالفأرة أو الإصبع أو لوحة المفاتيح — مع حدود قصوى وإضافة سريعة.

جارٍ تحميل العرض…

أضف لوحة كانبان بعمود لكل مرحلة، وبطاقات يمكن سحبها بين الأعمدة بالفأرة أو الإصبع أو تحريكها من لوحة المفاتيح (Space للالتقاط، والأسهم للتحريك، وSpace للإفلات)، مع عدد وحد أقصى لكل عمود، و«إضافة بطاقة» سريعة في أسفل كل عمود.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

27

مؤشرات مباشرة وحضور

من هنا وماذا يفعل: صور رمزية بحالتها، ومؤشرات بأسماء أصحابها تنزلق بسلاسة، وتحديدات الآخرين ومؤشرات كتابتهم، ووضع المتابعة.

جارٍ تحميل العرض…

أظهر من غيري موجود في المستند الآن: صفًا متراكبًا من الصور الرمزية مع نقطة «نشط» أو «خامل»، ومؤشر كل شخص باسمه وبلونه الخاص، وما يحدّده أو يكتبه، وإشعارًا عندما ينضم أحد أو يغادر، وطريقة لمتابعة شخص بالنقر على صورته.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

28

الخط الزمني للإصدارات

كل إصدار محفوظ على خط زمني: شاهد ما تغيّر كفروقات أو بمنزلق قبل/بعد، واستعد أي إصدار بعد تأكيد واضح، وتراجع عن ذلك.

جارٍ تحميل العرض…

أضف سجل إصدارات: خطًا زمنيًا للإصدارات المحفوظة مجمّعة حسب اليوم، يبيّن من أنشأ كل إصدار ويميّز الإصدار الحالي. اختيار إصدار يعرض ما تغيّر (أو مقارنة قبل/بعد للصفحة)، و«استعادة» تطلب التأكيد وتُبقي الإصدار الحالي في السجل ويمكن التراجع عنها.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

30

قائمة خطوات البدء

دليل إعداد بحلقة تقدّم: تُفتح الخطوة التالية مع زر تنفيذها، ويمكن تخطي الخطوات، ويمكن إخفاء الدليل وإعادته.

جارٍ تحميل العرض…

أضف قائمة إعداد للمستخدمين الجدد: حلقة تقدّم مع «اكتملت 2 من 5»، والخطوات بالترتيب مع الوقت الذي تستغرقه كل خطوة، والخطوة التالية مفتوحة مع زر ينفّذها وزر «ليس الآن»، واحتفال عند اكتمال كل شيء، وطريقة لإخفاء الدليل وإعادته. وقدّمه أيضًا كزر صغير في زاوية الشاشة.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

31

نموذج الإعدادات

إعدادات مجمّعة تعرف ما تغيّر: تمييز الحقول المعدّلة، وشريط حفظ بعدد التغييرات، والتجاهل، والتحقق، و⌘S.

جارٍ تحميل العرض…

أضف صفحة إعدادات بأقسام (بيانات المتجر، الشحن، الإشعارات) تميّز كل حقل أغيّره، وتعرض شريطًا بعدد التغييرات غير المحفوظة مع زرّي «حفظ» و«تجاهل»، وتتحقق من الحقول قبل الحفظ وتنتقل إلى أول مشكلة، وتؤكد عند الحفظ، وتحفظ أيضًا بـ Ctrl+S أو ⌘S.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

32

الخطوات / المعالج

نموذج طويل في خطوات قصيرة: أين أنت، وما الذي اكتمل، وتحقّق قبل المتابعة، ومراجعة بروابط تعديل، وتأكيد.

جارٍ تحميل العرض…

حوّل نموذج الطلب إلى معالج خطوة بخطوة: شريط خطوات يُظهر أين أنا وأي الخطوات اكتملت، والتحقق من كل خطوة قبل المتابعة برسائل واضحة، والرجوع دون فقدان أي شيء، وصفحة مراجعة أخيرة فيها رابط «تعديل» لكل خطوة، وتأكيد بعد الإرسال.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

33

مطابقة البيانات عند الاستيراد

طابِق أعمدة جدول البيانات مع حقولك: اقتراحات بدرجة ثقة، وقيم نموذجية، والحقول المطلوبة والتعارضات، ثم الاستيراد.

جارٍ تحميل العرض…

بعد أن يرفع أحدهم جدول بيانات، اعرض خطوة لمطابقة أعمدته مع حقولي: لكل عمود بعض القيم النموذجية، والحقل المقترح ومدى الثقة في المطابقة، وطريقة سهلة لتغييره أو تخطي العمود، وتحذيرات عند غياب حقل مطلوب أو عندما يشير عمودان إلى الحقل نفسه، وزر «استيراد» يعرض التقدّم وملخصًا للنتيجة.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

34

إسقاط الملفات والمرفقات

اسحب الملفات أو تصفّحها أو الصقها: معاينات، وتقدّم لكل ملف، وأسباب واضحة للرفض، وإعادة المحاولة، ورسالة تنتظر اكتمال الرفع.

جارٍ تحميل العرض…

أضف رفع الملفات: منطقة يمكن سحب الملفات إليها أو النقر لتصفّحها أو لصق الصور فيها، ومعاينة وشريط تقدّم لكل ملف، ورسالة واضحة عندما يكون الملف كبيرًا جدًا أو من نوع غير مقبول، وزر «إعادة المحاولة» عند فشل الرفع، ومرفقات في مربع الرسالة يجب أن يكتمل رفعها قبل إرسال الرسالة.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

35

نافذة الأذونات

اسأل قبل التنفيذ: ما الذي يريد التطبيق أو وكيل الذكاء الاصطناعي فعله، وشرح كل إذن، وإمكانية إيقاف الاختياري منها، وخيار تذكّر القرار.

جارٍ تحميل العرض…

أضف نافذة أذونات تظهر قبل أن يتصل تطبيق آخر أو قبل أن يفعل المساعد شيئًا نيابة عني: تسرد بكلمات بسيطة ما المطلوب بالضبط، وتتيح إيقاف الأجزاء الاختيارية، وتعرض معاينة للإجراء (مثل نص البريد ومن سيستلمه)، وتقدّم «السماح مرة واحدة» أو «السماح دائمًا»، وفيها خيار «تذكّر هذا القرار».

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

36

منتقي مواعيد الحجز

اختر يومًا ووقتًا: شريط أيام أو تقويم شهري، ومواعيد صباحية ومسائية، وأوقات محجوزة بالكامل، ثم التأكيد.

جارٍ تحميل العرض…

أضف منتقيًا للحجز: شريط بالأسبوعين القادمين (أو تقويم شهري) لاختيار اليوم، والأوقات المتاحة مجمّعة في الصباح وبعد الظهر مع تظليل المحجوز منها بالرمادي، واختيار مدة الجلسة، والمنطقة الزمنية، وملخص مع زر «تأكيد» يتحول إلى تأكيد فيه «إضافة إلى التقويم».

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

37

جدول الأسعار

خطط متجاورة مع تبديل بين الدفع الشهري والسنوي، وإبراز الخطة الأكثر شيوعًا، واختيار ينتقل إلى الدفع، ومقارنة كاملة.

جارٍ تحميل العرض…

أضف قسمًا للأسعار: ثلاث خطط متجاورة مع مفتاح «شهري / سنوي» يُظهر ما يوفّره الدفع السنوي، وإبراز الخطة الأكثر شيوعًا، وزر «اختيار» في كل خطة ينقل الخطة وسعرها إلى شريط الدفع، وجدولًا يقارن ما تتضمنه كل خطة.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

38

رصّة الإشعارات

إشعارات قصيرة تتراص، وتنفرد عند التمرير، وتُسحب لإغلاقها، وتعرض تقدّم المهام البطيئة، وتتيح التراجع.

جارٍ تحميل العرض…

أضف إشعارات منبثقة: تتراص في زاوية وتنفرد عند التمرير عليها، وتُغلق تلقائيًا بعد بضع ثوانٍ (وتتوقف ما دام المؤشر فوقها)، ويمكن سحبها لإغلاقها، وأنواعها: نجاح، وخطأ مع «إعادة المحاولة»، وتحميل يتحول إلى نجاح، وإشعار مع «تراجع».

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

39

صندوق الإشعارات

جرس بعدد غير المقروء يفتح صندوق الوارد: تبويبات الكل وغير المقروء والإشارات، وإجراءات في مكانها، وتعليم الكل كمقروء، ووصول مباشر للجديد.

جارٍ تحميل العرض…

أضف جرس إشعارات إلى الشريط العلوي مع عدد غير المقروء باللون الأحمر. يفتح صندوقًا فيه تبويبات «الكل» و«غير المقروء» و«الإشارات»، والإشعارات مجمّعة تحت اليوم وأمس وأقدم، ولكل إشعار أزرار للتصرف فيه مباشرة (موافقة، رد)، ونقطة لتعليمه كمقروء أو غير مقروء، وزر «تعليم الكل كمقروء»، وتنزلق الإشعارات الجديدة إلى الأعلى عند وصولها.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

40

الحالات الفارغة

ما تقوله الشاشة حين لا يوجد ما تعرضه: الزيارة الأولى، وبحث بلا نتائج، وفشل التحميل، وانقطاع الاتصال، ولكلٍّ خطوة تالية.

جارٍ تحميل العرض…

صمّم الحالات الفارغة لقوائمي: شاشة زيارة أولى ودودة بأزرار لإضافة أول عنصر أو تجربة بيانات نموذجية، ورسالة «لا نتائج» تذكر عبارة البحث وتعرض مسح عوامل التصفية، وشاشة خطأ فيها «إعادة المحاولة» والتفاصيل، وشريط انقطاع اتصال يُبقي آخر البيانات المحفوظة ظاهرة ويعيد المحاولة تلقائيًا.

الصقه في MonstarX، أو ابدأ به مشروعًا جديدًا.

يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.

استخدمها مع وكيل البرمجة لديك.

اربط MonstarX UI بـ Claude Code أو Cursor أو Codex أو أي عميل MCP، وسيتمكن وكيلك من البحث في جميع المكوّنات (40)، وقراءة مواصفاتها وشفرتها، وبنائها داخل تطبيقك على التقنيات التي تستخدمها. مجاني، للقراءة فقط، ودون تسجيل دخول.

عنوان خادم MCPhttps://monstarx.com/ui/mcp

شغّل في الطرفية:

claude mcp add --transport http monstarx-ui https://monstarx.com/ui/mcp

أو، لتجده في كل مشروع:

claude mcp add --transport http --scope user monstarx-ui https://monstarx.com/ui/mcp
  • “استخدم monstarx-ui للعثور على مكوّن يُظهر ما يفعله الوكيل، وابنه في شاشة الدردشة لدينا.”
  • “أضف بطاقة الموافقة من monstarx-ui قبل أن يرسل الوكيل الرسائل، بنظام التصميم الخاص بنا.”
  • “أحضر جدول الأسعار من monstarx-ui واربطه بخطط Stripe لدينا.”

ما يحصل عليه وكيلك

  • search_componentsيجد المكوّنات حسب الحاجة: «approval» و«agent progress» و«pricing».
  • list_componentsجميع المكوّنات (40)، مجمّعة.
  • get_componentالشفرة المصدرية والاعتماديات والأنماط وأمر التثبيت والمواصفات الكاملة.
  • get_promptمواصفات البناء لوكيل برمجة، أو مطالبة MonstarX بـ 16 لغة.
  • get_guidelinesقواعد التصميم، لتُكيَّف المكوّنات مع تقنياتك وعلامتك التجارية بدلًا من لصقها كما هي.

وأيضًا موارد (ui://components/{id}، ui://guidelines) ومطالبات (add-component, find-component).

أو ثبّتها عبر shadcn CLI

كل مكوّن عنصر في سجل shadcn. في مشروع يستخدم shadcn/ui، يكتب أمر واحد الملف ويثبّت lucide-react:

npx shadcn@latest add https://monstarx.com/ui/r/approval-card.json
فهرس السجل (JSON)

مكوّنات جديدة في بريدك.

شاشات الوكلاء والصوت والرسوم البيانية ووحدات التطبيقات: كل دفعة جديدة مع طلباتها وشفرةها، في يوم صدورها.

مكوّنات جديدة فقط، دون أي رسائل مزعجة. الخصوصية

تريد التطبيق كله، لا أجزاءه فقط؟

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

اربط وكيل البرمجة