<Section>
<Panel character="promi" mood="happy">
مرحباً يا نجم! 🌟 اليوم سنتعلم أهم مهارة: أن تكون **واضحاً**!
</Panel>
</Section>

<Section>
## لماذا الوضوح مهم

تخيل أن تطلب من أمك "طعام" مقابل طلب "ساندويتش زبدة فول سوداني بدون قشرة." أيهما يعطيك بالضبط ما تريد؟

<Panel character="promi" mood="thinking">
معي نفس الشيء! عندما تكون واضحاً، أعرف بالضبط كيف أساعد. عندما تكون غامضاً، علي أن أخمن... وقد أخمن خطأ!
</Panel>
</Section>

<Section>
## واضح مقابل غير واضح

هيا نتدرب على اكتشاف الفرق!


<PromptVsMistake
  question="أي برومبت أوضح؟"
  good="اكتب قصيدة من 4 أسطر عن الفراشات في حديقة، باستخدام كلمات مقفاة"
  bad="اكتب شعر فراشات"
  explanation="البرومبت الواضح يخبرني: كم الطول (4 أسطر)، عن ماذا (فراشات في حديقة)، وقاعدة خاصة (مقفاة). أفضل بكثير!"
  promiMessage="برومبت واضح = نتائج أفضل! إنه مثل السحر!"
/>


<PromptVsMistake
  question="أيهما يخبرني بالضبط ما تحتاج؟"
  good="ساعدني في كتابة 3 حقائق ممتعة عن الدلافين يستمتع بها طفل عمره 10 سنوات"
  bad="أخبرني عن الدلافين"
  explanation="البرومبت الأول يخبرني: كم حقيقة (3)، أي نوع (ممتعة)، ولمن (طفل 10 سنوات). هذا يساعد كثيراً!"
  promiMessage="عندما تخبرني لمن، أستطيع جعله مثالياً لهم!"
/>
</Section>

<Section>
## تحدي الوضوح

هيا نبني أوضح برومبت على الإطلاق!


<DragDropPrompt
  title="اجعله واضحاً كالكريستال! 💎"
  instruction="رتب هذه القطع لصنع برومبت واضح جداً"
  pieces={[
    "من فضلك ساعدني في كتابة",
    "قصة نوم قصيرة",
    "عن بومة نعسانة",
    "بنهاية سعيدة",
    "لأختي الصغيرة"
  ]}
  correctOrder={[0, 1, 2, 3, 4]}
  successMessage="هذا أوضح برومبت على الإطلاق! مذهل!"
/>
</Section>

<Section>
## أضف تفاصيل واضحة

<MagicWords
  title="أضف التفاصيل! 🎯"
  sentence="اكتب {{length}} {{type}} عن {{topic}} لـ {{audience}}"
  blanks={[
    { id: "length", hint: "كم الطول؟ (قصير، طويل)", answers: ["قصير", "طويل", "من 5 جمل", "صفحة واحدة", "مختصر", "سريع"], emoji: "📏" },
    { id: "type", hint: "أي نوع؟ (قصة، قائمة، شرح)", answers: ["قصة", "قائمة", "شرح", "شعر", "أغنية", "دليل"], emoji: "📝" },
    { id: "topic", hint: "عن ماذا؟ (فضاء، حيوانات، رياضة)", answers: ["الفضاء", "الحيوانات", "الرياضة", "الديناصورات", "الروبوتات", "السحر", "الطبيعة", "العلوم"], emoji: "🎯" },
    { id: "audience", hint: "لمن؟ (أطفال، مبتدئين)", answers: ["الأطفال", "المبتدئين", "معلمي", "صديقي", "عائلتي", "الطلاب"], emoji: "👥" }
  ]}
  successMessage="أضفت كل التفاصيل المهمة! عمل رائع!"
/>
</Section>

<Section>
## القواعد الذهبية للوضوح

<Panel character="promi" mood="excited">
هذه أفضل نصائحي لتكون واضحاً:
</Panel>

تذكر هذه الأسئلة الثلاثة عند كتابة برومبت:

1. **ماذا** أريد؟ (قصة، مساعدة، معلومات)
2. **كيف** يجب أن يكون؟ (قصير، مضحك، بسيط)
3. **لمن** هو؟ (أنا، صديقي، صفي)


<PromptVsMistake
  question="التحدي الأخير! أيهما يستخدم القواعد الثلاث كلها؟"
  good="اكتب نكتة قصيرة ومضحكة عن البيتزا يمكنني إخبارها لأصدقائي في الغداء"
  bad="اصنع شيئاً مضحكاً"
  explanation="البرومبت الرائع يحتوي على ماذا (نكتة عن البيتزا)، كيف (قصيرة ومضحكة)، ولمن (لإخبار الأصدقاء في الغداء)!"
  promiMessage="أنت بطل الوضوح! 🏆"
/>
</Section>

<Section>
## العالم 1 اكتمل! 🎊

<Panel character="promi" mood="celebrating">
واو! أنهيت العالم 1 كله! تعلمت:

- ✅ ما هو الذكاء الاصطناعي والبرومبت
- ✅ كيف تكتب أول برومبت
- ✅ لماذا الوضوح مهم جداً

أنت جاهز لمغامرات جديدة!
</Panel>


<LevelComplete 
  levelSlug="1-3-being-clear" 
  stars={3}
  message="أتقنت فن الوضوح! العالم 1 اكتمل!"
/>
</Section>

