# CRM Live Demo — Prompts الورشة

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

---

## 1. بداية المحادثة

عندي مشروع خدمات صغير، وأبي CRM بسيط أتابع فيه الـLeads وفرص البيع.

ما عندي مواصفات طويلة. استنتج أول Prototype منطقي وابنِه الحين.

سوّ ملف HTML واحد أقدر أفتحه في المتصفح. خل الـCSS والـJavaScript بنفس الملف. بدون تثبيت، بدون Backend، بدون Login.

ضمّن:
- Dashboard بسيط بأهم الأرقام
- قائمة Leads أقدر أضيف وأعدّل وأحذف منها
- الحالات: New, Contacted, Qualified, Proposal Sent, Won, Lost
- عرض Pipeline بسيط
- ملاحظات على كل Lead
- بيانات تجريبية واقعية بالدينار الكويتي (KWD)

خلّه بسيط ونظيف وسهل الاستخدام. هذا Prototype نجرب فيه الفكرة، مو CRM إنتاج كامل.

لا تسأل أسئلة توضيحية. ابنِ ملف HTML شغال الحين.

---

## 2. الـPrompt الكامل للبناء

ابنِ لي تطبيق CRM ويب بسيط ومرتب لمشروع خدمات صغير.

الهدف نوضّح شلون صاحب بزنس يحوّل فكرة إلى Prototype شغال باستخدام AI، فخل التطبيق مركّز ووظيفي مو معقّد زيادة.

### المتطلبات

#### Dashboard

اعرض:

- إجمالي الـLeads
- Leads جديدة هالشهر
- الفرص النشطة
- الصفقات المكتسبة (Won)
- إجمالي قيمة الـPipeline
- آخر النشاطات
- نظرة بصرية بسيطة للـLeads حسب الحالة

#### Leads

سوّ صفحة Leads فيها:

- اسم العميل
- الشركة
- الهاتف
- الإيميل
- الخدمة المهتم فيها
- قيمة الصفقة المتوقعة
- الحالة
- الموظف المسؤول
- تاريخ آخر تواصل
- الملاحظات

حالات الـLead:

- New
- Contacted
- Qualified
- Proposal Sent
- Won
- Lost

خلّني أقدر:

- أضيف Lead جديد
- أعدّل Lead
- أحذف Lead
- أبحث في الـLeads
- أفلتر حسب الحالة
- أغيّر حالة الـLead بسهولة

#### Pipeline

سوّ Pipeline مبيعات بصري بنمط Kanban.

الأعمدة:

New → Contacted → Qualified → Proposal Sent → Won

خلّني أنقل الـLeads بين المراحل بالسحب والإفلات (Drag and Drop).

كل بطاقة تعرض:

- اسم العميل
- الشركة
- قيمة الصفقة
- الموظف المسؤول

#### تفاصيل الـLead

لما أفتح Lead، اعرض:

- معلومات التواصل
- معلومات الصفقة
- الحالة الحالية
- الملاحظات
- خط زمني للنشاطات

خلّني أضيف ملاحظة أو نشاط.

#### بيانات تجريبية

عبّئ الـCRM ببيانات تجريبية واقعية لحوالي 10 عملاء عشان التطبيق يبين حي من أول فتحة.

استخدم الدينار الكويتي (KWD) لقيم الصفقات.

#### التصميم

سوّ واجهة حديثة بنمط SaaS.

المتطلبات:

- نظيفة
- احترافية
- بسيطة
- متجاوبة
- قائمة تنقل جانبية (Sidebar)
- بطاقات Dashboard
- تايبوغرافي جيد
- مسافات مناسبة
- ثيم فاتح
- تركيز على سهولة الاستخدام

لا تخليه يبين كصفحة هبوط عامة مولّدة بـAI.

#### الأسلوب التقني

اختر أبسط Stack حديث يخليني أبني وأشغّل الـPrototype بسرعة.

لهالـDemo:

- لا تضيف Authentication
- لا تضيف Payments
- لا تضيف External APIs
- لا تعتمد على خدمات خارجية إلا إذا كان ضروري جدًا
- خل البيانات محلية/تجريبية إذا هالشيء يسرّع الـPrototype ويخليه أوثق

الأولوية: Prototype كامل شغال أقدر أشغّله فورًا.

ابنِ التطبيق الحين.

بعد البناء:

1. شغّله
2. افحص الأخطاء
3. صلّح مشاكل الـUI أو الوظائف الواضحة
4. قلّي شلون أفتح التطبيق

---

## 3. متابعة: يحتاج متابعة

أبي تحسين إضافي.

في الـDashboard، أضف قسم اسمه «يحتاج متابعة».

اعرض تلقائيًا الـLeads اللي ما تم التواصل معاهم أكثر من 3 أيام، وهم مو Won ولا Lost.

خلّ الـLeads المتأخرة واضحة بصريًا، واعرض كم يوم مضى من آخر تواصل.

وكمان أضف مؤشر «تابع اليوم» في الـSidebar.

لا تعد تبني التطبيق من صفر.
عدّل التنفيذ الموجود.

---

## 4. اختياري: عربي + RTL

تعديل إضافي:

الفريق اللي بيستخدم الـCRM في الكويت.

أضف دعم اللغة العربية مع مبدّل English / العربية.

لما تختار العربية:

- الواجهة كلها تصير RTL
- ترجم التنقل
- ترجم الحالات
- ترجم الأزرار
- ترجم عناوين الـDashboard
- خلّ الـCRM مرتب وجميل باللغتين

لا تعد تبني التطبيق من صفر.

عدّل التنفيذ الموجود.