ابنِ موقعك أو أداتك بـ Claude Code
يمكنك بناء موقع أو أداة تعمل فعلًا دون كتابة سطر كود — بشرط أن تغيّر ما تصفه. صِف النتيجة التي تريدها لا الطريقة، ابدأ بأبسط نسخة تعمل وشاهدها في المتصفح، ثم كرّر بالملاحظات بلغة عادية، وانشر مبكرًا لتتعلّم من الواقع. أنت المخرج وهو الفريق المنفّذ. هذه الطريقة نفسها بنيت بها 17 منتجًا رقميًا منشورًا — والدرس الأهم فيها أن الإطلاق الناقص يعلّمك أكثر من الكمال المؤجّل.
من فكرة إلى موقع يعمل — دون أن تكتب سطر كود. هذه هي طريقة Vibe Coding التي بنيت بها 17 منتجًا.
- 1صف النتيجةلا الكود ولا التقنية
- 2ابدأ صغيرًاأبسط نسخة تعمل أولًا
- 3كرّر بالملاحظاتبلغة عادية، أنت المخرج
- 4انشر مبكرًارابط حيّ في دقائق
- 5وسّع حين ينجحميزة واحدة في كل مرة
أكثر ما يعطّل المبتدئ هو محاولة بناء كل شيء دفعة واحدة. النسخة الناقصة التي تعمل تسبق دائمًا الخطة الكاملة المعطّلة.
الخطوات بالترتيب
- 1
صف النتيجة لا الكود
اكتب ما تريده بوضوح: «موقع من صفحة يعرض خدماتي مع نموذج تواصل».
نصيحة: الوضوح في الوصف = جودة في المخرج. - 2
ابدأ صغيرًا واختبر
اطلب أبسط نسخة تعمل أولًا، شاهدها في المتصفح، ثم أضف تدريجيًا.
نصيحة: نسخة تعمل ناقصة أفضل من خطة كاملة معطّلة. - 3
كرّر بالملاحظات
قل ما يعجبك وما لا يعجبك بلغة عادية، ودع Claude Code يعدّل.
نصيحة: أنت المخرج، وهو الفريق الذي ينفّذ. - 4
انشر على الإنترنت
اربطه بـ Vercel ليصبح موقعًا حيًّا برابط تشاركه في دقائق.
نصيحة: الإطلاق المبكر يعلّمك أكثر من الكمال المؤجّل. - 5
وسّع حين تنجح
أضف الدفع، أو قاعدة بيانات، أو ذكاءً — خطوة تلو الأخرى.
نصيحة: كل ميزة قرار منفصل، لا كتلة واحدة مخيفة.
الطريق التقليدي مقابل البناء بالذكاء الاصطناعي
| المعيار | الطريقة التقليدية | البناء بالذكاء الاصطناعي |
|---|---|---|
| من ينفّذ | مطوّر أو وكالة | أنت، بوصف واضح |
| أول نسخة تعمل | أسابيع إلى شهور | ساعات إلى أيام |
| التكلفة قبل أي دليل | مرتفعة ومقدّمة | شبه معدومة |
| تغيير فكرة منتصف الطريق | مكلف ومؤلم | محادثة وتعديل |
| ما تحتاجه فعلًا | ميزانية ومواصفات | وضوح فيما تريده |
الوصف الذي يعمل — ما الذي أكتبه فعلًا في أول رسالة؟
الفرق بين موقع يخرج صحيحًا من أول محاولة وموقع يحتاج 20 تعديلًا هو أول رسالة. الرسالة التي تعمل تحوي خمسة أشياء: لمن الموقع (شخص واحد بعينه، لا «الجميع»)، وما الفعل الواحد الذي تريده منه (يحجز، يحمّل، يتصل)، وما الصفحات بالضبط (صفحة واحدة تكفي في البداية)، وما اللغة والاتجاه (عربي، من اليمين إلى اليسار — هذه تُنسى دائمًا ويخرج الموقع مقلوبًا)، ومثال لموقع تحبّ شكله. ما لا تكتبه: لغة البرمجة، والإطار، وقاعدة البيانات — هذه قرارات Claude Code، ولو ذكرتها بلا معرفة قيّدته بخيار أسوأ.
الجملة التي أبدأ بها كل مشروع: «ابنِ أبسط نسخة تعمل وأستطيع فتحها في المتصفح خلال 10 دقائق، ثم اسألني قبل أن تضيف أي شيء آخر». الجزء الثاني هو المهم — بدونه يبني 6 صفحات وقاعدة بيانات ونظام تسجيل لموقع كنت تريده صفحة واحدة.
ما تعلّمته من 17 منتجًا — الأخطاء التي تكلّف أيامًا
الأول: البدء من الاسم والشعار والنطاق. أسبوع يضيع في التجميل قبل أن يوجد ما يُجمَّل. النطاق يُشترى بعد أن يعمل الموقع على رابط Vercel المجاني ويراه 5 أشخاص. الثاني: طلب كل شيء في رسالة واحدة. كل ميزة رسالة منفصلة تُختبر قبل التالية — الخطأ في الميزة الثالثة يسهل إيجاده إن كانت الأولى والثانية تعملان. الثالث: قول «لا يعمل» بلا تفاصيل. الصق رسالة الخطأ كما هي، أو صف ما رأيته بالضبط («الزر يظهر لكن الضغط عليه لا يفتح شيئًا على الجوال») — الوصف الدقيق يُصلح في دقيقة، والغامض في ساعة.
الرابع، وهو الأغلى: عدم حفظ نسخة قبل التعديل الكبير. اطلب من Claude Code أن يحفظ (commit) بعد كل ميزة تعمل، فتستطيع العودة إلى آخر نسخة سليمة بجملة واحدة حين يكسر تعديل شيئًا. والخامس: الثقة بـ«تم» بلا فتح المتصفح. افتح الموقع على جوالك بعد كل تغيير — 70% من زوّارك سيرونه هكذا، والذكاء الاصطناعي AI يختبر على شاشة لا يملكها.
ماذا بعد الإطلاق — الأسبوع الأول
الموقع الذي يعمل ولا يراه أحد ليس منتجًا. في الأسبوع الأول ثلاثة أشياء فقط: أرسل الرابط لـ10 أشخاص من جمهوره الحقيقي واطلب منهم أن يفعلوا الفعل الواحد (يحجزوا، يجرّبوا) وأنت تشاهد أين يتعثّرون — لا أن يقولوا رأيهم. أضف قياسًا مجانيًا (Microsoft Clarity يسجّل الجلسات ويعرض أين ينقر الناس وأين يتوقّفون). وسجّل الموقع في Search Console وBing Webmaster Tools — 5 دقائق تجعل الموقع قابلًا للعثور عليه بدل أن يبقى رابطًا في هاتفك.
ثم قرار واحد كل أسبوع من تسجيلات Clarity: الشيء الواحد الذي تعثّر فيه أكثر الناس يُصلح، وما عداه ينتظر. هذه هي الطريقة التي تحوّل موقعًا بُني في أمسية إلى منتج يتحسّن كل أسبوع — والتي بُني بها هذا الموقع نفسه.
مثال من الواقع
أهم ما تخرج به
- صف النتيجة والسلوك المطلوب، لا التقنية — الوضوح في الوصف هو جودة المخرَج.
- أبسط نسخة تعمل أولًا، ثم أضف. لا تبنِ كل شيء دفعة واحدة.
- شاهد النتيجة في المتصفح بعد كل خطوة بدل تجميع التعديلات.
- انشر مبكرًا — الرابط الحيّ يعلّمك ما لا تعلّمه أي خطة.
- كل ميزة إضافية قرار منفصل، لا كتلة واحدة مخيفة.
أخطاء شائعة تجنّبها
- وصف الحل التقني بدل النتيجة المطلوبة، فتقيّد المنفّذ بطريقة قد لا تكون الأفضل.
- محاولة بناء المنتج الكامل قبل رؤية أي جزء منه يعمل.
- تأجيل النشر انتظارًا للكمال — فلا يرى المنتج مستخدمًا حقيقيًا أبدًا.
- إضافة الدفع وقواعد البيانات والذكاء دفعة واحدة قبل أن يثبت الأساس.
أسئلة شائعة
هل أحتاج خلفية برمجية؟
لا. تحتاج وضوحًا فيما تريد وصبرًا على التكرار. المهارة الحقيقية هنا ليست الكود بل الوصف الدقيق والحكم على النتيجة — وهما مهارتان يملكهما صاحب المشروع أكثر من أي شخص آخر.
هل ما أبنيه بهذه الطريقة حقيقي أم مجرّد نموذج؟
حقيقي بقدر ما تنشره. هذا الموقع الذي تقرأ فيه الآن بُني بهذه الطريقة، وكذلك 17 منتجًا آخر منشورًا يعمل. الفارق ليس في الأداة بل في إكمال دورة النشر بدل التوقّف عند التجربة.
ماذا لو علقت أو ظهر خطأ لا أفهمه؟
الصق رسالة الخطأ كما هي واطلب الشرح والإصلاح. لا تحاول فهم الكود سطرًا سطرًا — اطلب شرح المشكلة بلغة عادية، ثم قرّر أنت الاتجاه. أنت لست مطالبًا بأن تصير مبرمجًا.
كم يكلّف نشر الموقع؟
البدء عادةً بلا تكلفة تُذكر على الخطط المجانية، وهو أكثر من كافٍ لإثبات أن الفكرة تستحق. التكاليف تبدأ حين ينمو الاستخدام فعلًا — وهي مشكلة جيدة أن تصل إليها.
كم يكلّف هذا فعلًا؟
اشتراك Claude (الخطة التي تشمل Claude Code)، ونطاق بنحو 50 ريالًا في السنة، وVercel مجاني حتى تتجاوز حدود الخطة المجانية — أي أن موقعًا عاديًا يكلّف أقل من 100 ريال في السنة فوق اشتراكك. التكلفة الحقيقية وقتك: أمسية للنسخة الأولى، وساعة أسبوعيًا للتحسين.
ماذا لو انكسر شيء ولا أفهم لماذا؟
الصق ما تراه كما هو (رسالة الخطأ، أو لقطة شاشة، أو وصف دقيق لما حدث) واطلب: «اشرح لي السبب بلغة غير تقنية قبل أن تصلحه». الشرح يعلّمك ما يجعلك تصف أفضل في المرة التالية. وإن كنت قد حفظت نسخة بعد آخر ميزة عملت، فجملة «ارجع إلى آخر نسخة كانت تعمل» تنهي أي كارثة في ثانية.