📋 Full Prompt — Copy and Use Directly
تصرّف كمطور ويب Full-Stack محترف لديه خبرة في بناء مواقع عالية الأداء.
ساعدني في إنشاء موقع ويب كامل باستخدام [HTML/CSS/JS أو React أو Vue].
الموقع عبارة عن:
[اكتب وصف الموقع وهدفه]
أريد:
1. هيكل الملفات والمجلدات الكامل
2. كود HTML منظم وقابل للوصول (Accessible)
3. تصميم CSS متجاوب (Responsive) يعمل على الجوال والديسكتوب
4. قائمة تنقل احترافية مع قائمة جانبية للجوال
5. الصفحات الأساسية: الرئيسية، عن الموقع، التواصل
6. تحسين سرعة التحميل (Lazy Loading، ضغط الصور)
7. أساسيات SEO: Meta Tags، Open Graph، Sitemap
8. كود JavaScript للتفاعلات الأساسية
9. نصائح للنشر على Netlify أو Vercel
قدّم الكود كاملاً جاهزاً للنسخ مع شرح لكل قسم.
ساعدني في إنشاء موقع ويب كامل باستخدام [HTML/CSS/JS أو React أو Vue].
الموقع عبارة عن:
[اكتب وصف الموقع وهدفه]
أريد:
1. هيكل الملفات والمجلدات الكامل
2. كود HTML منظم وقابل للوصول (Accessible)
3. تصميم CSS متجاوب (Responsive) يعمل على الجوال والديسكتوب
4. قائمة تنقل احترافية مع قائمة جانبية للجوال
5. الصفحات الأساسية: الرئيسية، عن الموقع، التواصل
6. تحسين سرعة التحميل (Lazy Loading، ضغط الصور)
7. أساسيات SEO: Meta Tags، Open Graph، Sitemap
8. كود JavaScript للتفاعلات الأساسية
9. نصائح للنشر على Netlify أو Vercel
قدّم الكود كاملاً جاهزاً للنسخ مع شرح لكل قسم.
📖 What is this prompt and what does it do?
Create a complete website
🧩 Prompt Engineering Methodology
📐 Template Used: PEAS — Purpose, Expectation, Action, Scenario
الهدف
Achieve a clear and specific result
الأسلوب
Professional and structured
المخرج
Ready-to-use content
السياق
Customizable
💡 Usage Examples
1️⃣ Example 1:
Practical Example
Use this prompt with any topic you choose
🎯 What will you get? (Expected Output)
Professional result ready to use
Content tailored to your needs
💎 Tips for Best Results
- Customize variables in brackets for your topic
- Repeat the prompt multiple times for varied results
🤖 Compatible AI Models