عن أداة قوالب برومبت بناء المواقع
أداة قوالب برومبت بناء المواقع تساعدك على كتابة طلب كامل ومرتب لأدوات الذكاء الاصطناعي التي تبني المواقع، مثل Claude وChatGPT وLovable وBolt.new. تضم الأداة 34 قالباً كتبناها بأنفسنا لأنواع مواقع شائعة: صفحات هبوط، ومتاجر، ومعارض أعمال، ومطاعم ومقاهٍ، وعيادات، وعقارات، ودورات، ومنتجات SaaS، ومدونات، وشركات خدمات، ومناسبات، وجمعيات خيرية، وشاليهات.
تختار القالب، وتكتب اسم نشاطك ووصفه وجمهورك ومدينتك ووسائل التواصل، ثم تختار الأداة التي ستستخدمها ولغة البرومبت ولغة الموقع والأسلوب البصري ونبرة النصوص. يتكوّن البرومبت أمامك أثناء الكتابة: أقسام الموقع بالترتيب، والميزات المطلوبة، والهوية البصرية، وتعليمات اتجاه الكتابة للعربية، ومعايير الجودة، وطريقة التسليم المناسبة للأداة المختارة. بعدها تنسخه أو تنزله ملفاً نصياً.
لماذا تستخدم هذه الأداة؟
- 34 قالباً أصلياً مفصلاً، لكل قالب أقسامه وميزاته وحقوله الخاصة.
- تعليمات تسليم مختلفة لكل أداة: ملف HTML واحد لـClaude وChatGPT، ومشروع React لـLovable وBolt.
- اختيار لغة البرومبت ولغة الموقع كلٌّ على حدة، مع تعليمات الكتابة من اليمين لليسار للمواقع العربية.
- الحقول الفارغة لا تظهر في البرومبت، والمعلومة الناقصة تتحول إلى علامة بدل أن تخترعها الأداة.
- يبني البرومبت داخل متصفحك ويحفظ بياناتك في متصفحك فقط لتكمل لاحقاً.
طريقة الاستخدام
اختر نوع الموقع
صفِّ القوالب بنوع الموقع من الشريط، أو ابحث بكلمة مثل «عيادة» أو «متجر»، ثم اضغط على القالب المناسب.
حدد الأداة واللغة
اختر الأداة التي ستلصق فيها البرومبت (Claude أو ChatGPT أو Lovable أو Bolt.new)، ولغة البرومبت، ولغة الموقع: عربي أو إنجليزي أو باللغتين.
اكتب بيانات نشاطك
املأ الاسم والوصف والجمهور والمدينة والتواصل والإجراء الرئيسي والألوان، ثم الحقول الخاصة بالقالب مثل الأسعار أو أوقات العمل.
راجع البرومبت
يظهر البرومبت في المربع ويتحدث مع كل حرف تكتبه، ومعه عدد الكلمات والحروف.
انسخه أو نزّله
اضغط «نسخ البرومبت» والصقه في الأداة، أو «تنزيل ملف txt» لتحفظه وتعدله لاحقاً.
أمثلة عملية
عيادة أسنان في Lovable
اختر قالب «موقع عيادة أسنان»، واكتب «عيادة ابتسامة الخليج» والسالمية وخدمات «تقويم شفاف، زراعة»، واختر Lovable ولغة الموقع «العربية والإنجليزية». يخرج برومبت يطلب 8 أقسام منها شريط قبل وبعد وحاسبة تقسيط، ومعه تعليمات React وTailwind وزر تبديل اللغة.
متجر حلويات منزلية عبر واتساب
قالب «متجر حلويات وأكل منزلي» يطلب زراً يفتح واتساب برسالة مرتبة فيها الأصناف والكميات والمجموع. اكتب رقمك وأصنافك وأسعارك في الحقول الخاصة لتظهر في البرومبت كما هي.
صفحة «قريباً» لفكرة ناشئة في Claude
اختر قالب صفحة «قريباً» واكتب فكرتك في جملة وموعد الإطلاق. يطلب البرومبت من Claude ملف HTML واحداً فيه نموذج بريد يتحقق من صحة العنوان وعداد تنازلي اختياري وصورة مشاركة لمنصات التواصل.
برومبت إنجليزي لموقع عربي
بعض الناس يفضلون كتابة البرومبت بالإنجليزية. اختر «لغة البرومبت: الإنجليزية» و«لغة الموقع: العربية فقط»، فيخرج البرومبت بالإنجليزية مع تعليمات صريحة بأن الموقع عربي باتجاه RTL وخط عربي مثل IBM Plex Sans Arabic.
| الأداة | ما يطلبه البرومبت | مناسبة لـ |
|---|---|---|
| Claude | ملف HTML واحد فيه CSS وJavaScript، ويُعرض في Artifacts إن توفرت | معاينة سريعة وموقع بسيط تنشره بنفسك |
| ChatGPT | ملف HTML واحد في كتلة كود، مقسماً إلى أجزاء إذا طال، مع خطوات النشر | من يريد الكود كاملاً وشرح النشر |
| Lovable | React وTypeScript وTailwind وshadcn/ui، دون تسجيل دخول إلا إذا طُلب | موقع متكامل يُنشر من المنصة |
| Bolt.new | React مع Vite وTailwind ومكونات صغيرة ونصوص في ملف بيانات | نموذج أولي تعدّله داخل المتصفح |
نصائح مهمة
- اكتب وصف نشاطك بأرقام حقيقية: سنوات الخبرة، والأسعار، وعدد الفروع. البرومبت يطلب من الأداة ألا تخترع المعلومات الناقصة.
- إذا لم تحدد ألوانك فسيطلب البرومبت من الأداة اقتراح لوحة ألوان برموزها، وتستطيع تعديلها بعد ذلك.
- أرسل البرومبت كاملاً في رسالة واحدة، ثم اطلب التعديلات واحداً واحداً بعد ظهور النسخة الأولى.
- في الأدوات ذات الرصيد المحدود، راجع البرومبت قبل الإرسال لأن كل تعديل لاحق يستهلك رصيداً.
- النماذج في الموقع الناتج تعرض رسالة نجاح فقط؛ اربطها بخدمة بريد أو بواتساب قبل النشر الحقيقي.
البرومبت يُبنى داخل متصفحك، وما تكتبه لا يُرسل إلى أي سيرفر. نحفظ آخر بياناتك في متصفحك فقط لتجدها عند العودة.
الأسئلة الشائعة
هل القوالب منسوخة من مواقع أخرى؟
لا. كتبنا القوالب الـ34 بأنفسنا، بأقسامها وميزاتها وتعليمات التسليم، بالعربية والإنجليزية.
مع أي أدوات يعمل البرومبت؟
تختار من أربع: Claude وChatGPT وLovable وBolt.new، ويتغير قسم «طريقة التسليم» حسب الأداة. ويمكنك استخدام البرومبت مع أدوات مشابهة بعد تعديل هذا القسم.
هل أستطيع كتابة البرومبت بالإنجليزية لموقع عربي؟
نعم. لغة البرومبت ولغة الموقع اختياران منفصلان. يمكنك مثلاً كتابة البرومبت بالإنجليزية وطلب موقع عربي باتجاه من اليمين لليسار.
ماذا يحدث إذا تركت حقلاً فارغاً؟
لا يظهر في البرومبت. وإذا تركت اسم النشاط فارغاً يظهر مكانه «[اسم النشاط]» لتعدله لاحقاً.
هل يطلب البرومبت موقعاً بلغتين؟
إذا اخترت «العربية والإنجليزية» يضيف البرومبت تعليمات لزر تبديل اللغة، وخط لكل لغة، وانعكاس التخطيط عند التبديل.
لماذا يطلب البرومبت مربعات بديلة بدل الصور؟
لأن أدوات الذكاء الاصطناعي لا تملك صور نشاطك. المربعات توضح نوع الصورة المطلوبة في كل مكان، فتضع صورك الحقيقية بعد ذلك.
هل يبني البرومبت متجراً بدفع حقيقي؟
لا. قوالب المتاجر تطلب سلة تعمل في المتصفح وخطوة دفع تجريبية واضحة، لأن ربط بوابة الدفع يحتاج حساباً تجارياً ومفاتيح لا تُكتب في البرومبت.
هل تُحفظ بياناتي؟
تُحفظ في متصفحك فقط (localStorage) لتجدها عند العودة، ولا تصل إلينا. امسح بيانات الموقع من المتصفح لحذفها.
كم طول البرومبت الناتج؟
بين 300 و550 كلمة تقريباً حسب القالب والأداة والحقول التي تملؤها. يظهر العدد تحت المربع.
هل أستطيع تعديل البرومبت قبل نسخه؟
المربع للقراءة فقط حتى يبقى متطابقاً مع الحقول. انسخه أو نزّله ثم عدّله كما تشاء في الأداة أو في أي محرر نصوص.
لماذا لا يطلب البرومبت تسجيل دخول أو قاعدة بيانات؟
لأن معظم مواقع الأنشطة الصغيرة لا تحتاجها، وإضافتها تستهلك رصيد الأداة وتعقد الموقع. اطلبها لاحقاً إذا احتجت إليها.
هل الأداة مجانية؟
نعم، مجانية بالكامل وبلا تسجيل. أدوات بناء المواقع نفسها لها خطط وأرصدة خاصة بها، وراجع دليل أدوات الذكاء الاصطناعي في أدواتي لمعرفة حدود كل واحدة.
آخر تحديث: