في الشات العادي Claude بيكتبلك الكود وانت تنسخه. في Claude Code هو اللي بيعمل الملفات بنفسه جوّا فولدر على جهازك، وانت بتوافق على كل تغيير. مش محتاج تسطّب حاجة غير تطبيق Claude.
التجهيز
- نزّل تطبيق Claude للكمبيوتر وادخل بحساب Pro.
- اعمل فولدر فاضي للصفحة دي بس، باسم إنجليزي من غير مسافات (زي shop-page).
- في التطبيق: Code ← Local ← Select folder ← اختار الفولدر ده.
جهّز 4 حاجات في الفولدر
- المنيو بالتمن في ملف نوتة (menu.txt).
- رقم الواتساب ولينك المحل من Google Maps (Share ← Copy link).
- لقطات المحل والمنتجات بأسامي إنجليزي بسيطة (front.jpg · kunafa.jpg).
- المواعيد وأيام الإجازة.
الأوضاع (أهم حاجة)
- Plan
- يقولك هيعمل إيه خطوة خطوة، ومش بيلمس ولا ملف. ابدأ بيه.
- Manual
- يسألك قبل كل تغيير. بداية كويسة.
- Accept edits
- يعدّل الملفات على طول. لما تتعوّد عليه.
- Auto
- سيبه لحد ما تبقى فاهم كويس هو بيعمل إيه.
الطلب: الخطة قبل الصفحة
اختار Plan والزق الطلب ده. النسخة الإنجليزي بتطلع نتيجة أدق، وفيها جملة تخلّيه يكلّمك بلهجتنا.
Build a one-page website for my dessert shop in this folder. Shop: [name] · Area: [area] · Hours: [hours, days off] · WhatsApp: [number] · Google Maps link: [link] Sections: header with the shop name, menu with prices from my list below (or from menu.txt), a big WhatsApp order button, location with the Google Maps link, and opening hours. Use the photos in this folder if they fit. Arabic, right-to-left, mobile-first, warm simple colors, one index.html file. Don't invent any prices or products that aren't in my list. Menu: [paste your list] Reply to me in Egyptian Arabic. First, show me your plan and don't create any files yet.
اعمل صفحة واحدة لمحل الحلويات بتاعي في الفولدر ده. المحل: [الاسم] · المنطقة: [المنطقة] · المواعيد: [المواعيد وأيام الإجازة] · واتساب: [الرقم] · لينك Google Maps: [اللينك] الأجزاء: فوق اسم المحل، والمنيو بالتمن من الليستة اللي تحت (أو من menu.txt)، وزرار واتساب ضخم للطلب، والمكان بلينك الخريطة، والمواعيد. استخدم اللقطات اللي في الفولدر لو مناسبة. عربي من اليمين للشمال، مظبوطة على الموبايل الأول، ألوان دافية وبسيطة، ملف واحد index.html. متألّفش أي تمن أو منتج مش في الليستة. المنيو: [الزق الليستة] كلّمني بالمصري. الأول وريني الخطة، ومتعملش أي ملفات لسه.
ليه شغال؟«متألّفش أي تمن» بتحمي المنيو، و«وريني الخطة الأول» بتخلّيك تبدّل أي حاجة قبل ما يبدأ، وده أسهل بكتير من التعديل بعدين.
- اقرا الخطة، ولو عايز تبدّل حاجة قولها دلوقتي (زي «زوّد جزء عروض الأسبوع تحت المنيو»).
- بدّل لـ Manual وقوله: «تمام، نفّذ الخطة».
- هيسألك قبل ما يعمل index.html: اقرا اسم الملف ودوس Accept.
- افتح الفولدر ودوس دبل كليك على index.html: الصفحة تفتح في المتصفّح.
هتشوفصفحة شغّالة من ليستتك انت، والتمن زي ما كتبته بالظبط. في أي تغيير: الأخضر اللي هيتزوّد والأحمر اللي هيتشال، ومش لازم تفهم الكود: بص على الكلام العربي اللي جوّاه.
عدّل بالكلام
خلّي زرار الواتساب ثابت تحت الشاشة على الموبايل.
ليه شغال؟تعديل واحد واضح في الجملة.
حدّث المنيو من menu.txt، ومتغيّرش أي تمن.
ليه شغال؟حط ملف المنيو الجديد في الفولدر الأول.
الألوان: بني غامق وكريمي، والخط أكبر شوية.
ليه شغال؟بعد كل تعديل: Refresh في المتصفّح وشوف بعينك. مش عاجبك؟ Reject.
على شاشة ضيقة المنيو طالع بره الشاشة، صلّحه.
ليه شغال؟صغّر شباك المتصفّح لعرض الموبايل، وقول اللي شايفه بالظبط.
لو حصل غلط… وتكمّل بعدين
لو حاجة مش مظبوطة
الصفحة فاضية لما بتفتحها
«الصفحة فاضية لما بفتحها، شوف السبب وصلّحه».
الكلام العربي مقلوب
«خلّي الصفحة كلها عربي من اليمين للشمال (RTL)، والأعداد مظبوطة».
اللقطات مش ظاهرة
«اللقطات اللي في الفولدر مش ظاهرة، صلّح المسارات». واتأكد إن أساميها إنجليزي من غير مسافات.
ضغطت Accept على حاجة مش عاجباك
قوله: «رجّع اللي عملته في التعديل اللي فات»، أو اطلب التعديل العكسي بالكلام.
اعمل ملف CLAUDE.md فيه ملخص المشروع وقواعده: متألّفش تمن، الصفحة RTL، الألوان، وأسامي الملفات.
ليه شغال؟الملف ده بيخلّي Claude Code فاكر الشغلانة كل ما تفتح الفولدر ده تاني.
عايزها على لينك؟
- قبل أي نشر: افتح الصفحة وبص على كل تمن ورقم الواتساب حرف حرف.
- فيه مواقع بتاخد الفولدر وتدّيك لينك ببلاش، زي Netlify Drop: اسحب الفولدر للصفحة واستنى اللينك.
- اقرا شروط الموقع: بعض المواقع بتمسح الموقع بعد وقت لو مسجّلتش حساب. سجّل حساب ببلاش لو هتسيبه.
3 قواعد أمان
- افتح فولدر للشغلانة دي بس، مش Documents كله ولا الجهاز كله.
- أي حاجة مش فاهمها: Reject واسأله «ده بيعمل إيه؟».
- متحطش باسوورد ولا مفاتيح ولا بيانات زباين في أي طلب.
- Claude Code بيصرف من حد Pro: اطلب الحاجة كاملة في نوبة بدل تعديلات ياما بسيطة.
مش هتدفع؟ البديل المجاني
نفس الطلب في Claude المجاني (شات عادي) بيطلّعلك صفحة جنب الشات (Artifact). الاختلاف: في المجاني الصفحة جوّا الشات وبتنزّلها من Export ومفيش لينك تبعته لحد، وفي Claude Code ملفات حقيقية على جهازك تكبر معاك.
نفس الطلب بمنيو 6 أصناف
الخطة: 1) ملف واحد index.html من اليمين للشمال. 2) فوق: اسم المحل والمنطقة. 3) المنيو: 6 أصناف بالتمن من ليستتك بالظبط. 4) زرار واتساب ثابت تحت. 5) المكان بلينك الخريطة، والمواعيد. مش هعمل أي ملف لحد ما توافق.
لما الصفحة تخلص، اطلب «زوّد جزء عروض الأسبوع، وخلّيه سهل أبدّله كل أسبوع من ملف offers.txt».
المصادر: Claude Code: Desktop quickstart · Claude Code: Overview · Claude: الخطط والأسعار