كيف صمّم بدر الحرقان متجره في زد خلال أقل من 24 ساعة باستخدام Claude

لماذا لم يكتفِ بدر بخيار واحد؟

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

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

بدأ مع فريق تصميم احترافي، وفي الوقت نفسه ربط متجره بـ Claude وطلب منه تصميم ثيم كامل اعتمادًا على بيانات متجره.

بعد انتهاء التجربتين، قارن النتيجة وكانت المفاجأة أنه اختار تصميم claude ووجد أنه يخدم علامته التجارية بصورة أفضل.

الفارق الذي ظهر بين التجربتين

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

أما Claude، فأنجز أول نسخة من الثيم خلال أقل من 24 ساعة بعد ربطه بمتجر بدر، ومن دون أي تكلفة إضافية، لأن الميزة كانت متاحة ضمن الباقة الاحترافية التي يستخدمها.

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

فريق تصميم احترافي

الربط مع Claude

الوقت

أكثر من شهر

أقل من 24 ساعة

الجهد

اجتماعات ومراجعات متكررة

محادثة مباشرة وتعديلات فورية

التكلفة

بحسب نطاق المشروع

ضمن الباقة الاحترافية، دون تكلفة إضافية

آلية العمل

فهم بيانات المتجر عبر التواصل مع التاجر

قراءة بيانات المتجر مباشرة بعد الربط

بعد المقارنة، اختار بدر تصميم Claude ليكون واجهة متجره عند الإطلاق.

القيمة لم تأتِ من الأداة وحدها

قد تبدو هذه التجربة وكأنها قصة عن قدرات Claude، لكن العنصر الأهم كان في طريقة استخدامه.

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

وهنا يظهر الفرق. عندما تعمل أداة ذكاء اصطناعي بمعزل عن متجرك، فهي تبني التصميم اعتمادًا على المعلومات التي تكتبها لها. أما بعد الربط، فهي تنطلق من بيانات المتجر الفعلية، وتستخدمها كأساس للتصميم منذ البداية.

ولم تتوقف التجربة عند متجر بدر. بعد نجاحها، بُني سكيل مخصص يحوّل Claude إلى مصمم ثيمات متخصص في زد، وأصبح متاحًا لجميع التجار، بحيث يمكن لأي تاجر تكرار التجربة نفسها دون الحاجة إلى البدء من الصفر.

تنبيه مهم

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

كيف تبدأ التجربة نفسها على متجرك

الخطوة 1 : افتح متجرك، وادخل سوق التطبيقات

من لوحة تحكم متجرك، ادخل إلى سوق التطبيقات عبر اختيار الأيقونة التي الأعلى، وابحث عن تطبيق الربط مع أدوات الذكاء الاصطناعي (mcp)، واربط متجرك به.

الخطوة 2: نزّل Claude Code، وأكمل الربط بينه وبين زد

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

الخطوة 3: إنشاء ملف ليتم تحميل الثيم عليه، ثم عدّل البرومبت وأرسله

إنشاء الملف الخاص بك واحفظه على جهازك، وهو الملف الذي سيرفع فيه Claude تصميم الثيم بعدها، انسخ البرومبت الجاهز، وغيّر فيه رابط المتجر فقط ليصير رابط متجرك، ثم أرسله:

انسخ هذا البروميت واتبع تعليماته حرفياً لتبني لي ثيم زد احترافي كامل:

https://github.com/abdulrahmanx97/zid-ai-theme

رابط متجري: https://ضع-رابط-متجرك-هنا.zid.store

ما أحتاج إليه:

1. افهم متجري أول — منتجاتي وتصنيفاتي وألواني — قبل ما تصمم أي شي.

2. ابنِ لي ثيم كامل: كل الصفحات بنفس الهوية (مو بس تغيير ألوان)، والصفحة الرئيسية مليانة وجاهزة من أول تفعيل مو فاضية.

3. الصور: استخدم صور منتجاتي إذا فيه. الناقص أعطني برومتاته جاهزة هنا بالمحادثة (بالاسم والمقاس) أسوّيها وأرجعها لك — بدون ملفات تقنية ولا كلام معقد، ولا تطلب صور لكل شيء، بس اللي يغيّر الشكل فعلاً.

4. في النهاية أعطني: ملف ZIP جاهز للرفع + اسم الثيم ووصفه + خطوات الرفع على زد — كله بالمحادثة.

5. لا تدّعي إنك رفعت الثيم — أنا أرفعه بنفسي.

ابدأ الآن.

الخطوة 4: اترك Claude يعمل حتى يصل لملف نهائي واحد

بعد إرسال البرومبت، يبدأ Claude بالعمل، ويعطيك تحديثات ونتائج تباعًا خلال المحادثة، حتى يصل في النهاية إلى ملف واحد مضغوط (ZIP) جاهز، مع اسم الثيم ووصفه.

الخطوة 5: توجه لمتجرك، وارفع الملف من سوق الثيمات

توجه إلى متجرك، ثم سوق الثيمات، ثم الثيمات المخصصة. اضغط رفع ثيم جديد، وحمّل الملف المضغوط الذي أعطاك Claude، وسمّه (مثلًا: ثيم واحد).

الخطوة 6: فعّل الثيم

بعد الرفع، يبدأ زد بتجهيز الثيم على متجرك. من هنا، فعّل الثيم من نفس الصفحة، وبهذا يتغير شكل متجرك بالكامل.

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

ولمتابعة الشرح.. بإمكانك مشاهدة الفيديو: 

من تجربة فردية إلى معيار متاح للجميع

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

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