إطلاق بوابة العملاء
قيد التنفيذ
17 / 25استعراض مباشر لسكيل التصميم
العربية · الويب · التطبيقات · أدوات الذكاء الاصطناعيDHAD
شاهد كيف يعمل قبل تثبيته
هذا ليس تطبيقًا حقيقيًا. هذه صفحة لتجربة سكيل تضيفه إلى أداة الذكاء الاصطناعي ليساعدها على تصميم الواجهات. غيّر الخيارات وشاهد النتيجة.
مثال: إدارة عمل
المشاريع الحالية
تحسين رحلة التسجيل
مكتمل
8 / 8تحديث مركز المساعدة
مراجعة
4 / 12واضحتعرف ما يحدث في كل خطوة
منظمالمعلومات المهمة في مكانها
هادئيساعدك على التركيز
عملييعمل جيدًا على الجوال والكمبيوتر
نظام واحد لكل المنصات
الألوان والخطوط والمسافات نفسها تعمل في المواقع والتطبيقات، ليبقى شكل المنتج متناسقًا في كل مكان.
الخلفية
--dhad-color-bgالسطح
--dhad-color-surface-1الإجراء
--dhad-color-accentالنجاح
--dhad-color-success-fillالخطر
--dhad-color-danger-fillالتنبيه
--dhad-color-warning-fillموقع العرض بخطوط ثمانية، والـ Skill يملك بديلًا عربيًانص واضح وسهل القراءة
- عنوان كبير
- 30 / 700 للعناوين الرئيسية
- عنوان
- 22 / 700 لعناوين الأقسام
- نص
- 15 / 400 للقراءة اليومية
- رمز تقني
- DHAD-2048 للأكواد والأرقام
كل عنصر جاهز لمختلف الحالات
الأزرار والحقول توضّح للمستخدم عند الحفظ أو الخطأ أو التعطيل أو انقطاع الاتصال.
الأزرار
أزرار واضحة للحفظ وتبديل العرض والحذف.
الحقول
لكل حقل اسم واضح ورسالة مفيدة عند الخطأ.
الحالة والتقدم
كل حالة مكتوبة بوضوح ولا تعتمد على اللون وحده.
يناسب مشروعك بدل أن يفرض شكلًا واحدًا
القواعد الأساسية ثابتة، لكن الأسماء والرموز والأمثلة تتغير حسب نوع مشروعك.
واجهة تناسب مشاريع مختلفة
- تنقّل واضح وتغيير طريقة العرض
- حالات التحميل والفراغ والخطأ
- جداول ولوحات تدعم لوحة المفاتيح
- نوافذ تناسب الكمبيوتر والجوال
الأسماء تتغير حسب المشروع
- SaaS
- مساحة · مشروع · مهمة
- تجارة
- متجر · مجموعة · طلب
- تعليم
- أكاديمية · مساق · درس
الإيموجي اختياري ويتغير حسب المشروع
إذا كان مشروعك يستخدم الإيموجي، يختار السكيل رموزًا مناسبة له. ويمكنك إيقافها تمامًا.
مساحة العملرمز المشروع
مجموعةتضم عدة عناصر
عنصرالعنصر الأساسي
مكتملالنص يوضح المعنى
ملفان لأربع منصات
حمّل الملف المناسب: ملف لـChatGPT وCodex، وملف لـClaude Chat وClaude Code.
ChatGPT + Codex
OpenAI Plugin
ملف واحد يعمل مع ChatGPT وCodex.
Dhad-openai-plugin.zip- ChatGPT
@dhad- Codex
$dhad
Claude Chat + Claude Code
Agent Skill
ارفع الملف في Claude Chat أو ثبّته في Claude Code.
Dhad-agent-skill.zip- Claude Chat
يعمل بعد رفع الملف- Claude Code
/dhad
نفس نظام التصميم يعمل على المنصات الأربع.
ما الذي يعمل الآن؟
نسخة الويب جاهزة، أما ملفات التطبيقات فهي نقطة بداية تحتاج إلى تطوير داخل مشروعك.
- مواقع الويب
- جاهز للاستخدام
- مشاريع React
- أمثلة موثقة
- تطبيقات الجوال وسطح المكتب
- ملفات بداية تجريبية
- أمثلة متخصصة
- اختيارية