AI Open Guide
→ كل الأهداف

من تصميم صفحة إلى موقع يعمل، حتى لو لم تبرمج من قبل.

أفضل الأدوات لهذا

اقرأ هذه الفصول

برومبتات جاهزة للنسخ

إنشاء#16

صمّم صفحة هبوط لخدمتي

الهدف. صفحة تشرح خدمتي وتدفع الناس للتواصل معي، بمظهر احترافي.

افتح. Claude Design (خطة مدفوعة)؛ نظام التصميم الخاص بك إن كان لديك واحد.

صفحة هبوط لـ [الخدمة] من [اسم العمل]، لـ [من]. عرض سطح المكتب، ثم نسخة للهاتف.
الأقسام من الأعلى إلى الأسفل: عنوان يقول الفائدة الرئيسية في أقل من 8 كلمات؛ سطر واحد تحته؛ مساحة صورة كبيرة واحدة؛ ثلاثة أسباب قصيرة لاختيارنا؛ "كيف يعمل" بسيط في 3 خطوات؛ اقتباس عميل واحد؛ الأسعار أو "ابتداءً من [المبلغ]"؛ كتلة تواصل بـ [هاتف / بريد إلكتروني / نموذج].
الأسلوب: [دافئ / نظيف / جريء]، الألوان [العلامة التجارية أو اقترح]، أزرار مستديرة. زر دعوة لاتخاذ إجراء واضح واحد مكرر مرتين.
أخبرني بما افترضته حتى أستبدل العناصر النائبة.
ماذا ستحصل · انتبه

ماذا ستحصل. صفحة على اللوحة، ثم لوح رسم للهاتف؛ ويذكر Claude افتراضاته.

انتبه. اكتب العنوان والأسباب الثلاثة قبل أن تبدأ. استبدل كل عنصر نائب (الساعات، العنوان، الاقتباس) قبل التصدير. إذا تعثرت: الفصول 3.1، 3.2.

بناء#28

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

افتح. Claude Design (للتسليم) ثم Claude Code (Part 6)، خطة مدفوعة؛ مجلد فارغ.

ابنِ هذا التصميم كموقع ثابت بسيط: صفحة واحدة، HTML وCSS، بلا أطر عمل، يُحمَّل بسرعة على الهواتف.
احتفظ بالتخطيط والألوان والنص بالضبط كما صُمم. استبدل العناصر النائبة: الساعات [الساعات]، العنوان [العنوان]، الهاتف [الهاتف]، البريد الإلكتروني [البريد الإلكتروني].
اجعل الأزرار تعمل: Order يفتح [الرابط]، Menu ينتقل إلى قسم القائمة، Visit us يفتح رابط خريطة.
شغّله محليًا وأعطني العنوان لأفتحه. ثم أخبرني، بكلمات بسيطة، بثلاث طرق أستطيع بها نشره على الإنترنت وتكلفة كل منها.
ماذا ستحصل · انتبه

ماذا ستحصل. مجلد فيه الموقع، وعنوان معاينة محلي، وخيارات استضافة مشروحة.

انتبه. الاستضافة خطوة منفصلة بتكلفة صغيرة؛ قرر ذلك قبل البناء. غيّر التصميم وسلّمه مرة أخرى بدل تعديل الموقع يدويًا. إذا تعثرت: الفصول 3.5، 6.1.

بناء#22

الهدف. منتجاتي مدرجة في متجر إلكتروني، مع الأوصاف، في فترة ما بعد الظهر.

افتح. Cowork مع موصّل Shopify (خطة مدفوعة)؛ حساب متجر؛ صور المنتجات في مجلد أو مرفقة. *يحتاج إلى أداة خارج Claude.*

أبيع [ماذا] لـ [من]. صوت العلامة التجارية: [3 كلمات]. هذه منتجاتي: [الاسم، السعر، المقاسات/الخيارات، حقيقتان لكل منتج] والصور.
1. اكتب عنوان منتج، ووصفًا من 60 كلمة، و3 نقاط حقائق لكل منتج، بصوتي.
2. أرني كلها في جدول للموافقة.
3. بعد موافقتي، أنشئ المنتجات في المتجر بالموصّل، في مجموعة اسمها [الاسم]، كمسودات (غير منشورة).
4. أخبرني بما ينقص قبل أن أستطيع النشر (الشحن، الضرائب، السياسات).
ماذا ستحصل · انتبه

ماذا ستحصل. جدول للموافقة، ثم منتجات كمسودات في المتجر وقائمة تحقق للإطلاق.

انتبه. أنشئها كمسودات؛ انشرها بنفسك بعد التحقق من الأسعار. الحقائق عن المواد والمقاسات يجب أن تأتي منك، لا أن تُخترع. إذا تعثرت: الفصول 1.9، 2.10.

اصنع البرومبت الخاص بك ←