MonstarX UI
مكوّنات لتطبيقات الذكاء الاصطناعي.
وحدات بناء تفاعلية للوكلاء والمحادثة والبيانات وشاشات التطبيق اليومية. انسخ الشفرة، أو سلّم الطلب لوكيل البرمجة لديك، أو دع MonstarX يبنيها مباشرة في تطبيقك.
- 40مكوّنًا
- 7مجموعات
- React + Tailwind
- مجانية الاستخدام
تعمل الطلبات في
MonstarX · Claude Code · Cursor · Codex · Windsurf · Gemini CLI · VS Code · Lovable · وأي وكيل برمجة
استخدمها مع وكيل البرمجةوكيل يستخدم موقعًا نيابةً عنك: شاهده ينقر ويكتب، وتولَّ القيادة أو وافق على الخطوة الحساسة، وعلّمه بأداء المهمة مرة واحدة، أو أعد تشغيل التسجيل.
أضف شاشة يشاهد فيها الناس المساعد وهو يستخدم موقعًا نيابةً عنهم: مؤشره يتحرك وينقر ويكتب بينما تعرض قائمة كل خطوة، مع «إيقاف مؤقت» و«تولَّ القيادة» وموافقة قبل أي شيء يُنفق المال. وأضف وضعًا لتعليمه مهمة بأدائها مرة واحدة، وتسجيلًا يمكن إعادة تشغيله والتنقل فيه.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
يعرض ما يفعله الوكيل أثناء عمله — الخطوات والاستدلال وعمليات البحث والشفرة — ثم يُطوى في سطر واحد.
أضف إلى مساعد تطبيقي مسار تفكير: أثناء عمله اعرض لوحة «يفكّر…» تسرد كل خطوة مع مؤشر تحميل، وعلامة صح عند انتهائها مع المدة التي استغرقتها. اسمح بفتح اللوحة لقراءة الاستدلال وعمليات البحث التي أجراها والشفرة الذي كتبه، واطوِها في سطر «فكّر لمدة 6 ثوانٍ» عند الانتهاء.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
الأدوات التي يستدعيها الوكيل أثناء الإجابة، في رقاقات تُظهر التشغيل والفشل وإعادة المحاولة والاكتمال، وكلٌّ منها يُفتح على مدخلاته ومخرجاته.
اعرض الأدوات التي يستخدمها المساعد أثناء الإجابة في رقاقات صغيرة: مؤشر دوّار أثناء تشغيل كل أداة، واسمها والمدة التي استغرقتها عند الانتهاء، ولون أحمر مع الخطأ عند الفشل، ونقرة تفتح ما أُرسل إليها وما عاد منها. ووفّر عرضًا زمنيًا يُطوى إلى «استُخدمت 5 أدوات».
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
حالة حية للمهام التي يشغّلها الوكيل: في الانتظار، قيد التشغيل مع التقدّم، فاشلة مع إعادة المحاولة، مكتملة — ككبسولات أو قائمة.
أضف قائمة مهام تعرض ما يعمل عليه الوكيل: صف لكل مهمة فيه حالتها (في الانتظار، قيد التشغيل مع حلقة تقدّم، فاشلة مع زر «إعادة المحاولة»، مكتملة مع علامة صح)، وعدد قصير مثل «12 فاتورة»، وسهم يفتح الخطوات الفرعية للمهمة.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
الخطة التي يسير عليها الوكيل كقائمة تحقق مع التقدّم: حالة كل ميزة، وما تغطيه، وهل نجحت في الاختبار.
أضف بطاقة خطة ميزات: قائمة تحقق بالميزات قيد البناء مع شريط تقدّم («اكتملت 3 من 5»). تعرض كل ميزة حالتها (لم تبدأ، قيد العمل، مكتملة)، وتنفتح على وصف من سطر واحد، وتحمل شارة صغيرة «نجح الاختبار» أو «فشل الاختبار».
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
الطلبات المرسلة والوكيل مشغول تنتظر في درج فوق مربع الطلب: أعد ترتيبها أو عدّلها أو احذفها أو أرسل أحدها تاليًا.
اسمح للناس بمواصلة إرسال الطلبات أثناء عمل المساعد: اعرض ما يعمل عليه مع تقدّمه، وضع الطلبات الجديدة في قائمة انتظار فوق مربع الطلب يمكن إعادة ترتيبها وتعديلها وحذفها أو إرسال أحدها تاليًا، مع زر لإيقاف القائمة مؤقتًا.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
ولّد صورًا من وصف: دفعات تتشكّل من التشويش مع تقدّم مباشر، ثم أنشئ منها تنويعات أو كبّرها أو احفظها أو نزّلها.
أضف مولّد صور: مربع لكتابة الوصف مع خيارات النمط والأبعاد، وزر «توليد» يصنع أربع صور في كل مرة، تُظهر كل منها تقدّمها أثناء تشكّلها. ومن أي صورة مكتملة يمكن إنشاء تنويعات أو تكبيرها أو حفظها في المفضلة أو تنزيلها؛ وتبقى الدفعات السابقة في الأسفل.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
إجابة تُكتب أمامك، مع مراجع مرقّمة تفتح معاينة للمصدر، وأزرار للنسخ والتقييم، وأسئلة متابعة.
اجعل إجابات المساعد تظهر كلمة كلمة خلف مؤشر وامض، مع مراجع مرقّمة تعرض عند التمرير عنوان المصدر وموقعه ومقتطفًا منه، وصف من الأزرار (نسخ، إعادة الكتابة، إعجاب، عدم إعجاب)، وسؤالين أو ثلاثة للمتابعة يمكن النقر عليها لطرحها مباشرة.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
المقاطع التي وجدها الذكاء الاصطناعي قبل أن يجيب: المصدر ومدى الصلة والكلمات المطابقة، مع تثبيت واستبعاد، والإجابة تتبعها.
عندما يجيب المساعد من مستنداتنا، اعرض المقاطع التي استخدمها في بطاقات: لكل بطاقة المصدر والصفحة ودرجة الصلة والكلمات المطابقة مظلّلة، وزرّان لتثبيتها أو استبعادها، مع إجابة تستشهد بكل بطاقة برقمها.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
أسئلة يطرحها الوكيل قبل أن يتصرف، سؤالًا تلو الآخر، وبطاقة إذن للإجراءات التي تحتاج إلى موافقتك.
قبل أن يقوم المساعد بأمر مهم، اعرض بطاقة موافقة: بضعة أسئلة واحدًا تلو الآخر (اختيار واحد، أو عدة اختيارات، أو إجابة قصيرة) مع «تخطٍّ» و«متابعة» وعدّاد «1 من 3». وللإجراءات الخطرة، اعرض بطاقة تقول بالضبط ما سيحدث، مع «موافقة» و«تعديل» و«رفض».
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
توصية من الذكاء الاصطناعي مع مقياس للثقة، والأدلة والمخاطر وراءها، والبدائل التي وازن بينها، في بطاقة أو مقارنة.
أضف بطاقة توصية: الخيار الذي يوصي به المساعد مع مقياس للثقة (مثل «82% · عالية»)، والأسباب مع مصادرها، والخطر الرئيسي، وما قد يغيّر رأيه، والبدائل التي درسها مع درجة الثقة في كلٍّ منها، وزر لتنفيذها.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
كرة تتنفس وتصغي وتفكر وتتكلم، مع ترجمة نصية مباشرة وكتم صوت ومقاطعة بلمسة، أو شريط مكالمة مختصر.
أضف مساعدًا صوتيًا إلى تطبيقي: كرة متوهجة يلمسها الناس للتحدث، تُظهر متى تصغي ومتى تفكر ومتى تتكلم، مع ترجمة نصية مباشرة وزر لكتم الصوت ولمسة للمقاطعة أثناء كلامها، وشريط مكالمة صغير فيه مؤقّت وزر إنهاء.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
سلاسل تعليقات مثبّتة على معاينة مباشرة: ضع دبوسًا في أي مكان، وردّ، وحلّ التعليق وتراجع، مع قائمة اختيارية بكل السلاسل.
اسمح للناس بالتعليق على معاينة تطبيقي: زر «تعليق»، ثم نقرة في أي مكان تضع دبوسًا عليه صورة الشخص وتفتح سلسلة يمكن للآخرين الرد فيها. يمكن وضع علامة «تم الحل» على السلاسل (مع تراجع) وإخفاؤها، وتُظهر وجود رد جديد، وتُدرج أيضًا في لوحة جانبية بتبويبين: «مفتوحة» و«تم حلها».
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
المربع الذي يكتب فيه الناس للوكيل: @ لإرفاق المصادر، و/ للأوامر، وقائمة النماذج، والمرفقات، والإدخال الصوتي.
أضف إلى تطبيقي مربع طلب: يكبر مع الكتابة، و«@» يفتح قائمة بالملفات ومصادر البيانات لإرفاقها كشارات، و«/» يفتح قائمة بالأوامر، وفيه أزرار لإرفاق ملف واختيار النموذج والإملاء الصوتي والإرسال — وكلها تعمل من لوحة المفاتيح.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
اختر النموذج ومدى عمق تفكيره: السرعة والتكلفة بنظرة واحدة، وشارات النماذج المميزة، ومستوى الجهد من منخفض إلى أقصى.
أضف بجانب مربع الطلب منتقيًا للنموذج: زر يعرض النموذج الحالي ومستوى الجهد ويفتح قائمة النماذج، لكل نموذج وصف قصير ومؤشرات للسرعة والتكلفة وشارة للنماذج المميزة، مع عنصر للتحكم في الجهد (منخفض، متوسط، عالٍ، أقصى) يشرح ما يستهلكه كل مستوى.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
تكلّم بدل الكتابة: موجة صوتية حية ومؤقّت، وكلمات تظهر وأنت تتحدث، ثم احتفظ بها أو ألغِها، بصوت تجريبي أو بميكروفونك.
أضف الكتابة بالصوت إلى حقول النص في تطبيقي: زر ميكروفون يحوّل الحقل إلى موجة صوتية حية مع مؤقّت، ويعرض الكلمات أثناء الكلام (الكلمات غير المكتملة باللون الرمادي)، مع زرّين للاحتفاظ بما قيل أو إلغائه.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
ظلّل نصًا فيظهر شريط أدوات للذكاء الاصطناعي: حسّن واختصر واجعله أدفأ وصحّح أو ترجم، ثم اقبل إعادة الكتابة أو تجاهلها في مكانها.
اسمح للناس بتحديد نص في المحرر ليظهر بجانبه مباشرة شريط أدوات للذكاء الاصطناعي: «تحسين» و«أقصر» و«أدفأ» و«تصحيح الإملاء» و«ترجمة»، ثم اعرض إعادة الكتابة في مكانها مع شطب الكلمات القديمة وإظهار الجديدة بالأخضر، وزرّين للقبول أو التجاهل.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
مربع واحد للعثور على أي شيء وتنفيذ أي إجراء: بحث يتسامح مع الأخطاء، ونتائج مجمّعة، ونطاقات، وخطوة ثانية، وكل ذلك من لوحة المفاتيح.
أضف لوحة أوامر تُفتح بـ ⌘K: مربع بحث واحد يعثر على الصفحات والسجلات والإجراءات أثناء الكتابة (ويتسامح مع الأخطاء الإملائية)، ويجمّع النتائج مع العناصر الأخيرة أولًا، ويبرز الأحرف المطابقة، وينفّذ العنصر المختار بـ Enter، ويعرض حالة فارغة ودودة مع اقتراح عندما لا يُعثر على شيء.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
تعديلات الذكاء الاصطناعي تمرّ على الجدول صفًا صفًا: كل تغيير بصيغة قبل ← بعد، مع قبول أو رفض لكل خلية أو صف أو للكل، وشرح للصفوف التي تُركت كما هي.
عندما يقترح المساعد تغييرات على جدول، اعرضها قبل تطبيقها: كل خلية تغيّرت بقيمتها القديمة مشطوبة والجديدة باللون الأخضر، وملاحظة على أي صف اختار ألّا يغيّره، وأزرار لقبول أو رفض كل خلية أو كل صف أو الكل، ثم «تطبيق».
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
أرقام تشرح نفسها: بطاقات مؤشرات مع خطوط مصغّرة أو أعمدة يمكن التمرير عليها، والرؤية التي تقف خلفها.
أضف إلى لوحة التحكم صفًا من بطاقات المؤشرات: تعرض كل بطاقة رقمًا، وتغيّره منذ الأسبوع الماضي بالأخضر أو الأحمر، ورسمًا صغيرًا يُقرأ عليه قيمة كل يوم عند التمرير. وتحتها بطاقة رؤى يمكن تقليبها تشرح ما تعنيه الأرقام، مع خطوة تالية مقترحة لكل منها.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
جدول على طريقة أنظمة إدارة العملاء: بحث، وأعمدة قابلة للفرز، ووسوم، ومؤشر لقوة العلاقة، وتحديد صفوف مع إجراءات جماعية.
أضف جدولًا للعملاء: قابلًا للبحث، بأعمدة قابلة للفرز (الاسم، الوسوم، الكمية الشهرية، آخر طلب، وقوة العلاقة معروضة بأربعة أعمدة صغيرة)، ومربعات اختيار لتحديد الصفوف، وشريط للإجراءات الجماعية يظهر عند تحديد صفوف. على الهاتف يبقى العمود الأول ثابتًا بينما يُمرَّر الباقي.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
جدول مباشر تعيد شارات الحالة ترتيبه أثناء التصفية: تتحدّث الأعداد، وتنزلق الصفوف إلى أماكنها، وتصل صفوف جديدة أمام عينيك.
أضف جدول طلبات مباشرًا فوقه شارات حالة (الكل، جديد، قيد التنفيذ، تم الشحن، مشكلة) يعرض كل منها عددًا ويصفّي الصفوف عند النقر عليه. تظهر الطلبات الجديدة في الأعلى وتتحرك الصفوف بسلاسة عندما تتغير حالتها؛ وأضف مربع بحث وزر «إيقاف مؤقت» للتحديثات المباشرة وخيارًا لتجميع الصفوف حسب الحالة.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
تغييرات الوكيل في الكود جاهزة للمراجعة: عرض موحّد أو جنبًا إلى جنب، وتظليل على مستوى الكلمة، وطيّ الأسطر غير المتغيرة، وتعليقات على أي سطر متغير.
اعرض تغييرات الكود التي أجراها الوكيل كفروق يمكن مراجعتها: ملفًا ملفًا، الأسطر المحذوفة بالأحمر والمضافة بالأخضر مع تظليل الكلمات المتغيرة، وطيّ الكود غير المتغير، ومربع «تمت المشاهدة» لكل ملف، وتعليقات على أي سطر متغير، وتبديل بين العرض الموحّد والعرض جنبًا إلى جنب.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
عارض سجلات مباشر بعوامل تصفية حسب المستوى وبحث ومتابعة ونسخ — أو طرفية تعرض البناء مباشرة وتقبل الأوامر.
أضف عارض سجلات مباشرًا إلى لوحة إدارة تطبيقي: تتدفق الأسطر مع الوقت والمستوى والمصدر؛ ومفاتيح تُظهر كل مستوى أو تخفيه مع عدده؛ ومربع بحث يبرز المطابقات؛ ويتابع أحدث سطر حتى أمرّر إلى الأعلى (فيظهر زر «أسطر جديدة»)؛ ويمكنني إيقافه مؤقتًا وفتح تفاصيل أي سطر ونسخ الأسطر.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
أتمتة مرسومة على لوحة منقّطة — مشغّل وشروط وإجراءات — مع زر + لإضافة خطوة في أي مكان، وتشغيل تجريبي يضيء المسار الذي يسلكه.
أضف أداة لبناء الأتمتة: مخطط على لوحة منقّطة يبدأ بمشغّل، ويتفرع حسب شروط نعم/لا، وينفّذ إجراءات، مع زر + على كل وصلة لإضافة خطوة من قائمة، وخطوات يمكن إعادة تسميتها أو حذفها، وتحريك وتكبير، وزر «تشغيل تجريبي» يبرز كل خطوة أثناء تنفيذها.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
أعمدة من البطاقات تُنقل بين المراحل — بالفأرة أو الإصبع أو لوحة المفاتيح — مع حدود قصوى وإضافة سريعة.
أضف لوحة كانبان بعمود لكل مرحلة، وبطاقات يمكن سحبها بين الأعمدة بالفأرة أو الإصبع أو تحريكها من لوحة المفاتيح (Space للالتقاط، والأسهم للتحريك، وSpace للإفلات)، مع عدد وحد أقصى لكل عمود، و«إضافة بطاقة» سريعة في أسفل كل عمود.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
من هنا وماذا يفعل: صور رمزية بحالتها، ومؤشرات بأسماء أصحابها تنزلق بسلاسة، وتحديدات الآخرين ومؤشرات كتابتهم، ووضع المتابعة.
أظهر من غيري موجود في المستند الآن: صفًا متراكبًا من الصور الرمزية مع نقطة «نشط» أو «خامل»، ومؤشر كل شخص باسمه وبلونه الخاص، وما يحدّده أو يكتبه، وإشعارًا عندما ينضم أحد أو يغادر، وطريقة لمتابعة شخص بالنقر على صورته.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
كل إصدار محفوظ على خط زمني: شاهد ما تغيّر كفروقات أو بمنزلق قبل/بعد، واستعد أي إصدار بعد تأكيد واضح، وتراجع عن ذلك.
أضف سجل إصدارات: خطًا زمنيًا للإصدارات المحفوظة مجمّعة حسب اليوم، يبيّن من أنشأ كل إصدار ويميّز الإصدار الحالي. اختيار إصدار يعرض ما تغيّر (أو مقارنة قبل/بعد للصفحة)، و«استعادة» تطلب التأكيد وتُبقي الإصدار الحالي في السجل ويمكن التراجع عنها.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
دليل إعداد بحلقة تقدّم: تُفتح الخطوة التالية مع زر تنفيذها، ويمكن تخطي الخطوات، ويمكن إخفاء الدليل وإعادته.
أضف قائمة إعداد للمستخدمين الجدد: حلقة تقدّم مع «اكتملت 2 من 5»، والخطوات بالترتيب مع الوقت الذي تستغرقه كل خطوة، والخطوة التالية مفتوحة مع زر ينفّذها وزر «ليس الآن»، واحتفال عند اكتمال كل شيء، وطريقة لإخفاء الدليل وإعادته. وقدّمه أيضًا كزر صغير في زاوية الشاشة.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
إعدادات مجمّعة تعرف ما تغيّر: تمييز الحقول المعدّلة، وشريط حفظ بعدد التغييرات، والتجاهل، والتحقق، و⌘S.
أضف صفحة إعدادات بأقسام (بيانات المتجر، الشحن، الإشعارات) تميّز كل حقل أغيّره، وتعرض شريطًا بعدد التغييرات غير المحفوظة مع زرّي «حفظ» و«تجاهل»، وتتحقق من الحقول قبل الحفظ وتنتقل إلى أول مشكلة، وتؤكد عند الحفظ، وتحفظ أيضًا بـ Ctrl+S أو ⌘S.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
نموذج طويل في خطوات قصيرة: أين أنت، وما الذي اكتمل، وتحقّق قبل المتابعة، ومراجعة بروابط تعديل، وتأكيد.
حوّل نموذج الطلب إلى معالج خطوة بخطوة: شريط خطوات يُظهر أين أنا وأي الخطوات اكتملت، والتحقق من كل خطوة قبل المتابعة برسائل واضحة، والرجوع دون فقدان أي شيء، وصفحة مراجعة أخيرة فيها رابط «تعديل» لكل خطوة، وتأكيد بعد الإرسال.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
طابِق أعمدة جدول البيانات مع حقولك: اقتراحات بدرجة ثقة، وقيم نموذجية، والحقول المطلوبة والتعارضات، ثم الاستيراد.
بعد أن يرفع أحدهم جدول بيانات، اعرض خطوة لمطابقة أعمدته مع حقولي: لكل عمود بعض القيم النموذجية، والحقل المقترح ومدى الثقة في المطابقة، وطريقة سهلة لتغييره أو تخطي العمود، وتحذيرات عند غياب حقل مطلوب أو عندما يشير عمودان إلى الحقل نفسه، وزر «استيراد» يعرض التقدّم وملخصًا للنتيجة.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
اسحب الملفات أو تصفّحها أو الصقها: معاينات، وتقدّم لكل ملف، وأسباب واضحة للرفض، وإعادة المحاولة، ورسالة تنتظر اكتمال الرفع.
أضف رفع الملفات: منطقة يمكن سحب الملفات إليها أو النقر لتصفّحها أو لصق الصور فيها، ومعاينة وشريط تقدّم لكل ملف، ورسالة واضحة عندما يكون الملف كبيرًا جدًا أو من نوع غير مقبول، وزر «إعادة المحاولة» عند فشل الرفع، ومرفقات في مربع الرسالة يجب أن يكتمل رفعها قبل إرسال الرسالة.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
اسأل قبل التنفيذ: ما الذي يريد التطبيق أو وكيل الذكاء الاصطناعي فعله، وشرح كل إذن، وإمكانية إيقاف الاختياري منها، وخيار تذكّر القرار.
أضف نافذة أذونات تظهر قبل أن يتصل تطبيق آخر أو قبل أن يفعل المساعد شيئًا نيابة عني: تسرد بكلمات بسيطة ما المطلوب بالضبط، وتتيح إيقاف الأجزاء الاختيارية، وتعرض معاينة للإجراء (مثل نص البريد ومن سيستلمه)، وتقدّم «السماح مرة واحدة» أو «السماح دائمًا»، وفيها خيار «تذكّر هذا القرار».
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
اختر يومًا ووقتًا: شريط أيام أو تقويم شهري، ومواعيد صباحية ومسائية، وأوقات محجوزة بالكامل، ثم التأكيد.
أضف منتقيًا للحجز: شريط بالأسبوعين القادمين (أو تقويم شهري) لاختيار اليوم، والأوقات المتاحة مجمّعة في الصباح وبعد الظهر مع تظليل المحجوز منها بالرمادي، واختيار مدة الجلسة، والمنطقة الزمنية، وملخص مع زر «تأكيد» يتحول إلى تأكيد فيه «إضافة إلى التقويم».
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
خطط متجاورة مع تبديل بين الدفع الشهري والسنوي، وإبراز الخطة الأكثر شيوعًا، واختيار ينتقل إلى الدفع، ومقارنة كاملة.
أضف قسمًا للأسعار: ثلاث خطط متجاورة مع مفتاح «شهري / سنوي» يُظهر ما يوفّره الدفع السنوي، وإبراز الخطة الأكثر شيوعًا، وزر «اختيار» في كل خطة ينقل الخطة وسعرها إلى شريط الدفع، وجدولًا يقارن ما تتضمنه كل خطة.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
إشعارات قصيرة تتراص، وتنفرد عند التمرير، وتُسحب لإغلاقها، وتعرض تقدّم المهام البطيئة، وتتيح التراجع.
أضف إشعارات منبثقة: تتراص في زاوية وتنفرد عند التمرير عليها، وتُغلق تلقائيًا بعد بضع ثوانٍ (وتتوقف ما دام المؤشر فوقها)، ويمكن سحبها لإغلاقها، وأنواعها: نجاح، وخطأ مع «إعادة المحاولة»، وتحميل يتحول إلى نجاح، وإشعار مع «تراجع».
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
جرس بعدد غير المقروء يفتح صندوق الوارد: تبويبات الكل وغير المقروء والإشارات، وإجراءات في مكانها، وتعليم الكل كمقروء، ووصول مباشر للجديد.
أضف جرس إشعارات إلى الشريط العلوي مع عدد غير المقروء باللون الأحمر. يفتح صندوقًا فيه تبويبات «الكل» و«غير المقروء» و«الإشارات»، والإشعارات مجمّعة تحت اليوم وأمس وأقدم، ولكل إشعار أزرار للتصرف فيه مباشرة (موافقة، رد)، ونقطة لتعليمه كمقروء أو غير مقروء، وزر «تعليم الكل كمقروء»، وتنزلق الإشعارات الجديدة إلى الأعلى عند وصولها.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
ما تقوله الشاشة حين لا يوجد ما تعرضه: الزيارة الأولى، وبحث بلا نتائج، وفشل التحميل، وانقطاع الاتصال، ولكلٍّ خطوة تالية.
صمّم الحالات الفارغة لقوائمي: شاشة زيارة أولى ودودة بأزرار لإضافة أول عنصر أو تجربة بيانات نموذجية، ورسالة «لا نتائج» تذكر عبارة البحث وتعرض مسح عوامل التصفية، وشاشة خطأ فيها «إعادة المحاولة» والتفاصيل، وشريط انقطاع اتصال يُبقي آخر البيانات المحفوظة ظاهرة ويعيد المحاولة تلقائيًا.
يفتح مشروعًا جديدًا بهذا الطلب. جديد على MonstarX؟ أنشئ حسابًا مجانيًا وسيبقى الطلب في انتظارك.
خادم MCP · سجل shadcn
استخدمها مع وكيل البرمجة لديك.
اربط MonstarX UI بـ Claude Code أو Cursor أو Codex أو أي عميل MCP، وسيتمكن وكيلك من البحث في جميع المكوّنات (40)، وقراءة مواصفاتها وشفرتها، وبنائها داخل تطبيقك على التقنيات التي تستخدمها. مجاني، للقراءة فقط، ودون تسجيل دخول.
شغّل في الطرفية:
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جديد كل بضعة أسابيع
مكوّنات جديدة في بريدك.
شاشات الوكلاء والصوت والرسوم البيانية ووحدات التطبيقات: كل دفعة جديدة مع طلباتها وشفرةها، في يوم صدورها.
تريد التطبيق كله، لا أجزاءه فقط؟
صِفه في جملة واحدة. يخطّط له MonstarX، ويبنيه بمكوّنات كهذه، ويختبره في متصفح حقيقي، وينشره على نطاقك.