برومبت لإنشاء موقع شخصي لعرض أعمالك باستخدام Claude

Claudeتصميم · كود

يساعدك هذا البرومبت على إنشاء صفحة شخصية تعرض تخصصك وخدماتك ونماذج أعمالك ووسائل التواصل التي تختارها. يناسب المستقلين والمصممين والطلاب وصنّاع المحتوى الذين يريدون نقطة بداية قابلة للتعديل. تحصل على نموذج موقع عربي من صفحة واحدة لمراجعته وتجربته، دون الحاجة إلى كتابة الكود بنفسك، مع ضرورة فحص النتيجة قبل نشرها.

متى تستخدمه؟

  • عندما تريد جمع تعريفك وخدماتك وأعمالك في صفحة واحدة واضحة.
  • عندما تحتاج إلى نموذج أولي لملف أعمال قبل اختيار طريقة النشر.
  • عندما تريد تجربة تصميم عربي وتعديله من خلال المحادثة.
  • عندما تملك أعمالًا حقيقية لكنك تحتاج إلى تنظيم طريقة عرضها.

كيف تستخدمه؟

  1. انسخ البرومبت وجهّز نبذة عنك وخدماتك وأوصاف أعمالك وروابطها الصحيحة.
  2. عبّئ الأقواس وحدد الألوان والأسلوب ووسيلة التواصل التي تريد إظهارها للجمهور.
  3. الصق الطلب في أداة Claude، واطلب معاينة الموقع ضمن ميزة Artifacts، وهي مساحة للمحتوى الذي تنشئه وتعدّله مع الأداة.
  4. راجع الأقسام والنصوص، وجرّب التنقل والأزرار والعرض الضيق والواسع. لا تعتبر المعاينة دليلًا على خلو الكود من الأخطاء.
  5. اطلب تعديلات محددة، ثم احتفظ بالكود أو صدّره بالطريقة المتاحة. نشره كموقع مستقل وربطه بنطاق يحتاجان إلى خطوة منفصلة.

توضح وثائق Artifacts الرسمية إمكان تعديل المحتوى بالمحادثة ومعاينته وتصديره. قد تختلف الواجهة وخيارات التصدير بحسب نوع المحتوى؛ اتبع الخيارات الظاهرة في حسابك، ولا تفترض أن معاينة الصفحة تعني نشرها على نطاقك.

مثال على التعبئة

لنفترض أنك مصمم مستقل. تكتب نبذة قصيرة عن تخصصك، وتضيف ثلاث خدمات تقدمها فعلًا، مثل تصميم منشورات التواصل والهويات البصرية والعروض. تقدم وصفًا لثلاثة مشاريع حقيقية مع روابطها، وتختار خلفية بيضاء ولمسات كحلية وخطًا عربيًا واضحًا. تضع رابط تواصل عامًا معتمدًا، وتحذف أي معلومات لا تريد نشرها.

إذا لم تكن لديك صور جاهزة، اطلب بطاقات نصية أنيقة مؤقتًا. لا تطلب إضافة شعارات عملاء أو آراء أو نتائج تسويقية غير موثقة لتبدو الصفحة أكثر اكتمالًا.

مثال على النتيجة

قد تبدأ الصفحة بعبارة «أصمم مواد بصرية واضحة تساعدك على عرض مشروعك»، يليها زر ينتقل إلى قسم الأعمال، وثلاث بطاقات للخدمات، ثم روابط المشاريع والتواصل. هذا تصور توضيحي من إعداد الصفحة، وليس موقعًا تم إنشاؤه أو اختباره فعليًا. يجب أن تعكس الصياغة خدماتك الحقيقية.

كيف تعدّله ليناسبك؟

  • غيّر ترتيب الأقسام؛ قد يحتاج الطالب إلى إبراز المشاريع قبل الخدمات.
  • حدد ألوانًا قليلة وتباينًا واضحًا بدل إضافة مؤثرات كثيرة.
  • أضف صورًا تملك حق استخدامها، مع وصف بديل مناسب لكل صورة.
  • اختر رابط بريد أو تواصل مباشر بدل نموذج رسائل لا يملك خدمة إرسال متصلة.

أوامر متابعة مفيدة

  • حسّن عرض الهاتف دون تغيير النصوص أو ترتيب الأقسام.
  • اجعل بطاقات الأعمال أوضح، مع الحفاظ على المعلومات المقدمة.
  • راجع الروابط وحدد ما لا يمكن التحقق منه داخل المعاينة.
  • اشرح لي طريقة نشر الملف على استضافة مستقلة دون تنفيذ النشر.

الأسئلة الشائعة

هل أحتاج إلى معرفة البرمجة؟

يمكنك وصف المطلوب وطلب التعديلات بالمحادثة. لكن فهم أساسيات الملفات والاستضافة يفيد عند النشر، وقد تحتاج إلى مساعدة إذا ظهرت مشكلة تقنية.

هل يصبح الموقع منشورًا بمجرد إنشائه؟

لا تعني المعاينة نشر الموقع على نطاق مستقل. مشاركة المحتوى داخل الخدمة تختلف عن استضافة الملفات وربط نطاق، ويجب اختيار طريقة النشر ومراجعتها منفصلًا.

هل يعمل نموذج التواصل تلقائيًا؟

لا يكفي رسم النموذج لإرسال الرسائل. يحتاج إلى خدمة أو إعداد فعلي، لذلك يستخدم القالب رابط تواصل تقدمه أنت ولا يوهم الزائر بإرسال رسالة لم تُرسل.

ماذا أراجع قبل النشر؟

راجع النصوص والروابط وحقوق الصور والعرض على الهاتف والتنقل بلوحة المفاتيح. لا تنشر معلومات حساسة، ولا تعتبر الكود مختبرًا أو الموقع جاهزًا للإنتاج دون مراجعة مناسبة.

نص البرومبت
الدور: ساعدني كمصمم ومطور واجهات لمواقع شخصية عربية، يركز على وضوح المحتوى وسهولة الاستخدام والتصميم المتجاوب.
المهمة: أنشئ نموذج موقع شخصي عربي من صفحة واحدة لعرض تخصصي وخدماتي وأعمالي، مع معاينة داخل Artifacts إذا كانت متاحة في المحادثة.
المعلومات: الاسم أو الاسم المهني والنبذة: [اكتب الاسم الذي تريد نشره وتخصصك ونبذة حقيقية مختصرة]
المعلومات: الخدمات: [اذكر الخدمات التي تقدمها فعلًا، أو اكتب لا يوجد قسم خدمات]
المعلومات: الأعمال: [أضف أوصاف المشاريع وروابطها وصورها المسموح باستخدامها، أو اكتب لا توجد أعمال منشورة]
المعلومات: التواصل: [ضع رابط التواصل العام الذي تريد إظهاره، أو اكتب لا تعرض وسيلة تواصل]
المعلومات: التصميم: [حدد الألوان والأسلوب والجمهور المقصود]
الشروط: اكتب النصوص بالعربية الفصحى الطبيعية، واضبط اتجاه الصفحة من اليمين إلى اليسار، مع عرض الأسماء والروابط الإنجليزية بصورة سليمة.
الشروط: استخدم المعلومات التي أقدمها فقط. لا تخترع عملاء أو شهادات أو تقييمات أو سنوات خبرة أو نتائج أو أسعارًا.
الشروط: أنشئ تصميمًا واضحًا للهاتف والحاسوب، بخط مقروء وتباين مناسب ومسافات مريحة، دون مؤثرات مشتتة أو تمرير أفقي غير ضروري.
الشروط: أنشئ الصفحة في ملف HTML واحد يتضمن CSS داخليًا وأقل قدر ضروري من JavaScript، دون مكتبات أو خطوط أو خدمات خارجية، لتسهيل نقل الملف ومعاينته.
الشروط: اجعل التنقل الداخلي والأزرار قابلة للاستخدام بلوحة المفاتيح، وأضف وصفًا بديلًا للصور المقدمة.
الشروط: لا تستخدم صورًا أو شعارات خارجية من عندك. إذا لم أقدم صورًا، استخدم بطاقات نصية وتكوينًا بصريًا مناسبًا.
الشروط: استخدم روابط المشاريع والتواصل التي أقدمها فقط. لا تخترع روابط ولا تنشئ أزرارًا توحي بوظائف غير موجودة.
الشروط: لا تضف نموذج إرسال أو تسجيل دخول أو دفع أو تتبع أو جمع بيانات. استخدم رابط التواصل المعتمد إن توفر.
الشروط: إذا كانت الخدمات أو الأعمال غير متوفرة، احذف القسم أو استبدله بنبذة أو مهارات قدمتها، دون حشو أو مشاريع وهمية.
الشروط: حافظ على الأجزاء التي لا تحتاج إلى تعديل عند تنفيذ طلبات المتابعة.
الشروط: لا تدّع اختبار الكود أو نشر الموقع إذا لم يحدث ذلك. ميّز بين المعاينة وبين النشر على استضافة ونطاق مستقلين.
شكل النتيجة: قدم ثلاثة مخرجات: موقعًا واحدًا بالكود الكامل والمعاينة إن أمكن، وشرحًا مختصرًا لتعديل النصوص والألوان والروابط، وخمس خطوات لفحص الصفحة قبل النشر. إذا لم تتوفر المعاينة، صرّح بذلك وقدم الملف مع طريقة فتحه محليًا.
قبل البدء، اسألني عن أي معلومة ناقصة تمنع بناء الصفحة بدقة، ولا تخمّنها. إذا كانت المعلومات كافية، ابدأ مباشرة دون عرض خيارات تصميم متعددة.
افتح Claude ←

برومبتات مشابهة

كل البرومبتات ←