Claude and GPT compete to design my Website
تحب تدعم البث؟ عضوية «داعم» على يوتيوب بـ 60 جنيه في الشهر: شارات، إيموجي، وأسئلتك بجاوبها الأول في البث. اشترك كداعم
الخلاصة
يركّز البث على إعداد موقع Burnish بوصفه جزءًا مبكرًا من استراتيجية الوصول إلى السوق: صياغة جوهر العلامة ورحلة العميل، وإيصال قيمة المنتج خلال ثوانٍ، واختبار رسائل صفحات الهبوط وجمع العملاء المحتملين قبل اكتمال التطبيق. يقارن لقمان عمليًا بين Claude وGPT وCodex في العصف الذهني والتخطيط والتنفيذ، ويستخدم مراجع بصرية وتسجيلات شاشة وحَكَمًا مطّلعًا على السياق، مع تأكيد أن تفضيلاته وانطباعاته عن جودة النماذج وكفاءتها ليست اختبارات عامة. شمل العمل مراجعة الهوية والألوان والشعار المؤقت، ومحاولة موازنة الحركة الجريئة مع وضوح الغرض، واستكشاف Remotion وتوليد الصور والفيديو من دون توثيق نتيجة نهائية مكتملة. وناقشت أسئلة الجمهور التسعير والاشتراكات والعروض المجانية، واختيار السوق، والنماذج المحلية وأمان الأدوات، وأفكارًا تجارية مثل روبوت التداول، مع التشديد على التحقق من الطلب والهوامش واكتساب العملاء بدل الاكتفاء بالبناء. وتناول نقاش استكشافي منفصل مشروع محطة الضبعة النووية المصرية قيد الإنشاء، وصلته التي قيل إنها بشركة روساتوم الروسية، وموعدًا متداولًا آنذاك لبدء أول محطة أو وحدة من أصل أربع إنتاج الكهرباء في 2028؛ وهي معلومات وردت في الحديث ولم تُتحقق بصورة مستقلة. بقيت قرارات مثل بوابة البريد أو العربون، وبعض أدوات المبيعات، والتصميم النهائي، وعدد من التجارب التقنية غير محسومة، كما استمر تشخيص تقطّع البث وتأخر الترميز من دون حل مؤكد.
78 لحظة من البث
- 1:10:36
من القرارات المعلّقة إلى مهام قابلة للتنفيذ
شرحٌ لسير عمل تُوثَّق فيه القرارات المعلّقة مع غرضها وتأثيرها وسياقها، ولا يتصرف الوكلاء فيها قبل موافقة بشرية. بعد تثبيت الإجابة، تُنشأ مهام لاحقة مرتبطة بالقرار؛ ومن أمثلته اختيار أدوات المبيعات بعد البحث في البدائل وتبعات كل اختيار.
- 1:13:41
استخدام نموذج مطّلع على السياق كحَكَم بين تحليلين
بدل قراءة كل تحليل ومقارنته يدويًا، استعان المتحدث بجلسة لديها فهم سابق لجوهر العلامة لتكون حَكَمًا بين مخرجات GPT وClaude وتسريع اتخاذ القرار. ووفق تقييمه، كانت النتيجة متقاربة ولم يكن الفارق كبيرًا.
- 1:19:01
اتفاق نماذج التصميم وأهمية وضوح الصفحة سريعًا
أشار المتحدث إلى اتفاق GPT وClaude على عدة جوانب من الفلسفة البصرية، مع اختلافهما في بعض التفاصيل مثل تأثير قسم الواجهة الرئيسية. وفضّل أحد المقترحات لأنه ينسجم أكثر مع مبدأ أن يفهم الزائر غرض الموقع خلال نحو ثلاث ثوانٍ.
- 1:20:14
مقارنة مفاهيم الهوية البصرية بين GPT وOpus
مناقشة للمقترحات المتنافسة بشأن الانطباع الذي يصنعه الموقع خلال ثوانٍ، مع تفضيل مبدئي لمفهوم بصري لامع وإمكانية دمج عناصر من المقترحين. يلاحظ Luqman أن النموذجين اختارا ألوانًا متشابهة جدًا، ويرجّح بحذر أن الهوية الموجودة في المستودع ربما أثّرت في نتائجهما، لذلك يشكك في مدى استقلال مبرراتهما.
- 1:27:10
توثيق مبررات قرارات التصميم ومقارنة النموذجين
يطلب Luqman إضافة ملاحظات موجزة داخل مركز العمل توضّح الأساس الذي بُنيت عليه قرارات البحث والتصميم، بدلًا من توثيق مطوّل. وبعد مراجعة العمل، يقرر إعداد مطالبة واحدة وتشغيلها مع GPT وOpus للمقارنة.
- 1:31:01
توزيع الأدوار بين Claude وCodex مع مراعاة حدود الاستخدام
يقارن لقمان تجربته في الجلسة، ويرى أن Codex أتاح سعة استخدام أكبر، بينما كان Claude يقدم غالبًا عملاً أنظف في رأيه. ويقترح استخدام الأداة ذات السعة الأكبر للبناء المتكرر، والاستعانة بالأخرى كمستشار أو منسّق وللمساعدة في تحديد اتجاه البرمجة وتصحيح الأخطاء الكبيرة. كما ينصح بعدم الانتقال إلى مستوى استخدام أعلى إلا إذا كانت الحدود الحالية تعطل العمل فعليًا، ثم يطلب حفظ إجابة الأداة في ملف Markdown.
- 1:44:18
متى تُضاف الاشتراكات والعروض المجانية إلى التطبيق؟
سؤال من الجمهور عن إضافة الاشتراكات منذ البداية أو لاحقًا، ومنح المشتركين الجدد فترة مجانية. الإجابة المبدئية هي أن القرار يعتمد على طبيعة الشركة والعرض، وأن وجود عرض واضح ضروري؛ وينقطع سؤال لاحق عن متجر التطبيقات قبل ظهور إجابة مكتملة.
- 1:46:56
اعتماد لوحة الألوان مع إبقاء الشعار قابلًا للتحسين
خلال مراجعة الاتجاه البصري، أُعجب المتحدث بالنتيجة الجديدة أكثر من الاتجاه الذهبي السابق، وقرر اعتماد لوحة ألوان العلامة مؤقتًا، مع التأكيد أن الرمز والشعار ما زالا نموذجًا أوليًا قابلًا للتحسين.
- 1:49:44
مقارنة Claude وGPT في ابتكار موقع من نفس موجّه التسليم
يشرح المتحدث أنه أعطى Claude وGPT موجّه تسليم تفصيليًا واحدًا بعد جلسة عصف ذهني شملت جوهر العلامة وفلسفتها وصوتها والمشكلة التي تحلها والجمهور المستهدف. كما يطرح مفهوم «تأثير الثواني الثلاث قبل التحميل»: أن تمنح الصفحة المقصودة الزائر سريعًا تصورًا عامًا عن عمل الشركة وهدفها ورسالتها، ثم تُستخدم هذه المادة لاقتراح كيفية بناء الموقع.
- 1:51:03
Claude وGPT في تخطيط رحلة العميل والموقع
قارن المتحدث بين النموذجين بوصف Claude/Opus أكثر عملية في اقتراحاته وGPT أكثر إبداعًا، مع التأكيد أن هذا انطباع شخصي. وكان يبني أولًا تصور الموقع ورحلة العميل ليشرح المنتج بوضوح قبل مواصلة التطبيق، ضمن مرحلة مبكرة من خطة الوصول إلى السوق.
- 1:52:46
استخدام موقع مرجعي لتوجيه تصميم مولّد بالذكاء الاصطناعي
شرح المتحدث تجربة دراسة صفحة هبوط مرجعية وإمداد النماذج بالسياق المتاح، مثل التسجيل المرئي ومعلومات الحزمة التقنية، لتصبح مرجعًا واضحًا عند طلب تصميم أقوى. وأوضح أن خبرته الأساسية ليست في تطوير الواجهات، لكنه يستخدم الأدوات المتاحة مع معايير تصميم مرتفعة، ولم يدّعِ أن النتيجة النهائية قد نجحت بعد.
- 1:55:51
فكرة بث عمل صامت للتركيز العميق
طرح المتحدث فكرة بث قصير نسبيًا بلا حديث، يعرض جلسة تركيز عميق يكتب خلالها مطالبات الذكاء الاصطناعي بدل إملائها صوتيًا، وذكر أنه ما زال يفكر في التجربة.
- 1:56:33
خطط للتسعير والهوامش قبل بناء التطبيق
أكد المتحدث أن التسعير والاشتراكات يرتبطان بالهوامش وهيكل الربحية، وينبغي التفكير فيهما مع رؤية التطبيق وتقنياته منذ مرحلة التصور. وحذّر من تأجيل حساب الهوامش إلى ما بعد البناء ثم اكتشاف أن اقتصاديات المنتج ضعيفة.
- 1:57:34
استكشاف توليد الصور عبر ChatGPT وCodex
استكشف المتحدث ما إذا كان بإمكانه توليد صورة أو رفع صورة ضمن الأدوات المتاحة، وتساءل إن كانت ميزة GPT Image متاحة عبر ChatGPT فقط لا عبر Codex. كانت هذه أسئلة وتجربة أولية لا نتيجة مؤكدة، وكان دافعه مقارنة إتاحة الأدوات وتكلفتها العامة.
- 1:59:30
التفكير في سوق بديل عند وجود قيود دفع محلية
في رد على نقاش من الجمهور حول صعوبة المدفوعات المحلية ومتطلبات تأسيس النشاط، اقترح المتحدث التفكير في توجيه تطبيق باللغة الفرنسية إلى السوق الفرنسية. طُرح ذلك كسؤال استكشافي، لا كحل قانوني أو تجاري مؤكد.
- 2:01:11
تحديد مواصفات الشعار وتوجيه أداة الذكاء الاصطناعي
بدأ العمل خطوة بخطوة بطلب توجيهات أوضح لمواصفات الشعار، مع رأي المتحدث أن GPT قدّم نقطة بداية جيدة ورغبته في إجابات موجزة لا تشتته.
- 2:04:08
المنافسة بوصفها إشارة إلى وجود طلب في السوق
وُصفت الأسواق الأوروبية عمومًا بأنها شديدة التنافس أو «محيط أحمر». ورأى المتحدث أن وجود المنافسة قد يدل على وجود طلب وعائد محتمل، مع الإقرار بصعوبة التفوق على المنافسين.
- 2:06:50
فهم مشروع محطة الضبعة النووية وصلته بروسيا
قاد ذكر وظيفة ترجمة بالإنجليزية والعربية والروسية إلى نقاش استكشافي عن محطة الضبعة النووية في مصر. عبّر المتحدث عن عدم معرفته السابقة بالمشروع، ثم فهم من النقاش أنه مشروع لتوليد الكهرباء تحت الإنشاء وأن شركة روسية قيل إنها روساتوم تقوده. ظل كثير من الحديث في صيغة أسئلة وانطباعات، لا تحقق مستقل.
- 2:10:15
مقارنة انطباعية بين تكلفة أدوات التصميم بالذكاء الاصطناعي
انتقد المتحدث Nano Banana من ناحية التكلفة، وقارنه بانطباعه أن GPT يتيح نتيجة مشابهة دون مقابل. كان ذلك رأيًا عابرًا، وليس اختبارًا موثقًا للأسعار أو جودة المخرجات.
- 2:10:32
تنزيل ملف التصميم لمواصلة تطوير الموقع
ذكر المتحدث أن نموذج العرض الأفقي أو ملف الـmarkup أصبح جاهزًا، ثم نزّل الملف بهدف مواصلة تطوير الموقع. لا توضح المقاطع تفاصيل التنفيذ اللاحق أو نتيجته.
عندك سؤال عن حاجة في البث ده؟
اسأل في الجروب