تركتُ Claude Code يبني لي موقعي الإلكتروني – ما نجح فعلاً وما لم ينجح

كنت أريد فقط تغيير زر واحد في موقعي الإلكتروني. وبعد ساعتين، كان Claude قد أعاد بناء نصف الموقع!

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

ما هو Claude Code بالضبط؟

Claude Code هو أداة تطوير متقدمة من Anthropic تعمل مباشرة من سطر الأوامر (Terminal). على عكس الاستخدام المعتاد لـ Claude عبر المتصفح، يعمل Claude Code كـ"وكيل" (Agent) – يحصل على وصول مباشر لملفات موقعك، يمكنه قراءتها، وفهم العلاقات بينها، وتشغيل الاختبارات، وكتابة كود جديد مباشرة داخل مشروعك.

هل تحتاج إلى معرفة برمجية مسبقة لاستخدامه؟

هذا هو سؤال المليون دولار. الإجابة المختصرة: لا، للبدء – لكن نعم، حتى لا تضيع.

يقوم Claude Code فعليًا بمعظم العمل الشاق. سيكتب لك HTML وCSS وJavaScript. لكن – وهنا يأتي "لكن" الكبير – بدون فهم أساسي لكيفية بناء موقع إلكتروني، سيكون من الصعب جدًا عليك أن تشرح ما تريده، وخاصة أن تلاحظ متى يفعل شيئًا خاطئًا (وهذا يحدث!). الفهم الأساسي يساعدك في أن تكوني المديرة للذكاء الاصطناعي، لا مجرد جمهوره.

كم تكلفة استخدام Claude Code؟

استخدام Claude Code غير مشمول في اشتراك Claude Pro العادي، بل يعتمد على الدفع حسب الاستخدام (API Pay-as-you-go).

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

ما هي الأخطاء الحرجة التي يجب تجنبها؟

1. لا تعملي أبدًا بدون نسخة احتياطية (Git): لا تدعي Claude Code يلمس موقعك أبدًا دون وجود نظام تحكم بالإصدارات نشط (مثل Git). يمكن لـ Claude أن يحذف أو يغيّر كودًا كان يعمل بشكل ممتاز في لحظة واحدة. مع Git، يمكنك دائمًا التراجع وإعادة عقارب الساعة إلى الوراء.
2. لا تعطيه مهام ضخمة دفعة واحدة: بدلاً من أن تطلبي "ابنِ لي موقعًا كاملاً"، أعطيه مهامًا محددة. على سبيل المثال: "أنشئ لي قائمة تنقل علوية تناسب الهواتف المحمولة."

💡 ما الذي أفعله اليوم بشكل مختلف

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

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