Claude and GPT compete to design my Website
تحب تدعم البث؟ عضوية «داعم» على يوتيوب بـ 60 جنيه في الشهر: شارات، إيموجي، وأسئلتك بجاوبها الأول في البث. اشترك كداعم
الخلاصة
يركّز البث على إعداد موقع Burnish بوصفه جزءًا مبكرًا من استراتيجية الوصول إلى السوق: صياغة جوهر العلامة ورحلة العميل، وإيصال قيمة المنتج خلال ثوانٍ، واختبار رسائل صفحات الهبوط وجمع العملاء المحتملين قبل اكتمال التطبيق. يقارن لقمان عمليًا بين Claude وGPT وCodex في العصف الذهني والتخطيط والتنفيذ، ويستخدم مراجع بصرية وتسجيلات شاشة وحَكَمًا مطّلعًا على السياق، مع تأكيد أن تفضيلاته وانطباعاته عن جودة النماذج وكفاءتها ليست اختبارات عامة. شمل العمل مراجعة الهوية والألوان والشعار المؤقت، ومحاولة موازنة الحركة الجريئة مع وضوح الغرض، واستكشاف Remotion وتوليد الصور والفيديو من دون توثيق نتيجة نهائية مكتملة. وناقشت أسئلة الجمهور التسعير والاشتراكات والعروض المجانية، واختيار السوق، والنماذج المحلية وأمان الأدوات، وأفكارًا تجارية مثل روبوت التداول، مع التشديد على التحقق من الطلب والهوامش واكتساب العملاء بدل الاكتفاء بالبناء. وتناول نقاش استكشافي منفصل مشروع محطة الضبعة النووية المصرية قيد الإنشاء، وصلته التي قيل إنها بشركة روساتوم الروسية، وموعدًا متداولًا آنذاك لبدء أول محطة أو وحدة من أصل أربع إنتاج الكهرباء في 2028؛ وهي معلومات وردت في الحديث ولم تُتحقق بصورة مستقلة. بقيت قرارات مثل بوابة البريد أو العربون، وبعض أدوات المبيعات، والتصميم النهائي، وعدد من التجارب التقنية غير محسومة، كما استمر تشخيص تقطّع البث وتأخر الترميز من دون حل مؤكد.
78 لحظة من البث
- 0:04:29
اختبار السوق قبل اكتمال المنتج
يوضح المتحدث أهمية بدء خطة التسويق مبكرًا لاختبار إقبال السوق واستكشاف التسعير المتوقع، بحيث تؤثر النتائج في بناء منتج أنسب للسوق.
- 0:06:18
تحويل جوهر العلامة إلى رحلة متماسكة في صفحة الهبوط
يناقش تحديد صوت العلامة ورؤيتها وهدفها والمشكلة التي تعالجها، ثم ترجمة ذلك إلى انطباع واضح خلال الثواني الأولى ورحلة بصرية وسردية متصلة من أعلى صفحة الهبوط إلى نهايتها، مستشهدًا بموقع ذي طابع مستوحى من الأساطير اليونانية.
- 0:08:00
سير عمل تعاوني بين Claude وGPT وCodex
يصف المتحدث سير عمل مخططًا تستخدم فيه نماذج الذكاء الاصطناعي للعصف الذهني حول الموقع، ثم تُلخّص قرارات الهوية في مطالبة تسليم مشتركة، مع مقارنة المقترحات قبل إسناد التنفيذ البرمجي إلى Codex.
- 0:10:21
تصميم مسار للمبيعات الخارجية مع مراعاة العائد على الاستثمار
يوضح أن اختيار أدوات المبيعات قرار استراتيجي يتخذه المشغّل، ويعرض مسارًا عامًا يبدأ بجمع العملاء المحتملين، ثم التحقق من عناوين البريد، ثم تنفيذ التواصل البارد. ويؤكد أن الأدوات المدفوعة ينبغي تقييمها وفق العائد المتوقع على الاستثمار، مع بقاء بعض الخيارات بحاجة إلى دراسة.
- 0:14:22
مقارنة Claude وGPT لتصميم موقع وإضافة السياق البصري
تقوم الخطة على جعل Claude وGPT يقترحان أو يقارنان أفكار الموقع، ثم استخدام Codex لبناء الفكرة المختارة. ولأن الوصول إلى قاعدة الكود لا ينقل دائمًا شكل الحركات والتفاعلات بدقة، يسجل الموقع على الشاشة ليمنح الذكاء الاصطناعي سياقًا بصريًا إضافيًا.
- 0:16:26
استكشاف بطء بث YouTube وتأخر الترميز
يتابع مشكلة في سلاسة البث: بدت حالة OBS والإطارات طبيعية في البداية بينما أبلغ YouTube عن ضعف استقبال الفيديو، ثم ظهرت لاحقًا إطارات متخطاة بسبب تأخر الترميز. اشتبه في تسجيل الشاشة وأوقفه، لكن المشكلة استمرت، لذلك ظل السبب والحل غير محسومين ضمن هذه الصفحات.
- 0:33:04
تشخيص تقطّع البث أثناء تسجيل الشاشة
أظهر YouTube أن حالة البث جيدة، ولم يُظهر OBS إطارات ساقطة، لكن إحصاءاته أظهرت تخطي إطارات بسبب تأخر شديد في الترميز. ويرجّح المتحدث أن بدء تسجيل شاشة إضافي بينما كان OBS يسجل بالفعل تسبب في المشكلة وتقطّع الإطارات المرسلة إلى البث.
- 0:37:26
تقليل مراحل الوكيل والتخطيط قبل تنفيذ الموقع
ردًا على سؤال من الجمهور، يوضح المتحدث أن عددًا كبيرًا من المراحل ليس مشكلة بحد ذاته، ويمكن مطالبة الوكيل بتقليله. ثم يناقش الحاجة إلى خطة ملموسة للموقع، ويفضّل إضافة المراحل إلى مركز القيادة قبل بدء التنفيذ.
- 0:40:09
تسجيل الشاشة قد يؤثر في معدل الإطارات
أشار لقمان إلى أنه لم يكن يعلم أن تسجيل الشاشة أثناء البث قد يؤثر في معدل الإطارات، ضمن حديثه عن معالجة بعض مشكلات البث.
- 0:40:31
تجهيز موجّه موحّد لمقارنة Claude وGPT في تصميم موقع
جهّز لقمان موجّه تسليم تفصيليًا ليعمل عليه Claude وGPT بصورة تنافسية، مع موقع مرجعي ومعيار جودة واضح، بهدف الحصول على تصميم أفضل من المرجع.
- 0:43:29
أهمية إعداد خارطة طريق دقيقة
شدّد لقمان على ضرورة إعداد خارطة طريق دقيقة لأنها ستوجّه سير العمل كله.
- 0:47:11
الموقع كأساس لاستراتيجية دخول السوق
شرح لقمان قراره بإعطاء الموقع الأولوية قبل التوسع في البناء التقني، معتبرًا إياه أساسًا لاستراتيجية التسويق ومكانًا يوضح قيمة المشروع ويستقبل الزوار الذين يتحولون إلى تسجيلات. كما فرّق بين المبيعات الواردة الناتجة من قدوم العملاء والمبيعات الصادرة التي تبدأ بالتواصل المباشر معهم، وذكر أن الصادرة أعلى تكلفة في رأيه لكنها قد تحقق نتائج أكبر.
- 0:50:24
استخدام Remotion مع Codex لصناعة فيديوهات برمجياً
يشرح المتحدث تثبيت إضافة Remotion داخل تطبيق Codex، ثم الإشارة إليها في الطلب لإنشاء تحريك للشعار أو فيديو تسويقي. ويوضح أن Remotion يتيح بناء الفيديو بالكود عبر وكلاء الذكاء الاصطناعي، مع التنبيه إلى أن خبرته العملية به ما زالت محدودة.
- 0:52:07
تقسيم العمل بين أدوات الذكاء الاصطناعي
يعطي المتحدث الأدوات المدخلات نفسها كي تقترح أفكاراً مستقلة يمكن مقارنتها وتقييمها قبل تحويل النتيجة إلى مراحل عمل. ويرجّح، بوصفه رأياً وتوقعاً، أن تكون Claude أقوى في جلسة العصف الذهني، بينما يفضّل Codex للتنفيذ بسبب ما يراه كفاءة أعلى في استهلاك الرموز وقدرة على إنجاز عمل أكثر.
- 0:55:06
تحويل استراتيجية العلامة إلى موقع واضح خلال ثلاث ثوانٍ
يصف المتحدث إعداد وثائق تشمل جوهر العلامة وصوتها وفلسفتها والمشكلة التي تحلها وشخصية الجمهور والرسالة والرؤية وأسلوب السرد، ثم تزويد أدوات الذكاء الاصطناعي بهذه الوثائق وكود الموقع. والهدف هو اقتراح مفهوم للشعار وأقسام الموقع والتسويق بحيث يفهم الزائر خلال نحو ثلاث ثوانٍ ما الذي يقدمه الموقع ولمن صُمم.
- 0:57:59
مطالبة الذكاء الاصطناعي بدراسة المراجع قبل اقتراح التصميم
يوضح المتحدث أن الطلب يوجّه الأدوات إلى دراسة موقع مرجعي وتسجيل شاشة وقاعدة الكود والتأثير المطلوب قبل تقديم المقترحات. وبعد انتظار المخرجات المختلفة، ينتقل إلى تجربة طلب أنشأه GPT لتوليد شعار، من دون أن تعرض هذه الصفحة نتيجة الاختبار.
- 1:00:12
مقارنة أفكار Claude وGPT لشعار Burnish
استعرض المتحدث مقترحات مختلفة للشعار ناتجة عن مطالبات من Claude وGPT، وشرح أن الفكرة البصرية ترتبط بمعنى التلميع واللمعان في اسم Burnish. اعتبر تأثير اللمعة بداية معقولة من دون إعلان نتيجة نهائية.
- 1:02:32
اختيار أداة الذكاء الاصطناعي حسب مرحلة العمل
وصف المتحدث تجربته الشخصية في إعطاء Claude وGPT المطالبة نفسها وسياق التسليم نفسه. ورأى أن Claude قد يتفوق في المنطق والعصف الذهني في هذه الجلسة، لكنه يفضل GPT عند التنفيذ بسبب اعتياده العملي عليه؛ وهي ملاحظة شخصية وليست حكماً عاماً.
- 1:05:05
تحويل العصف الذهني إلى عمل قابل للتنفيذ
قرر المتحدث تقليل وقت قراءة مخرجات العصف الذهني والاستعانة بحَكَم للمقارنة، بهدف تسريع الانتقال إلى البناء العملي. وأوضح أن المقترحات بُنيت على المطالبة وتسجيل الشاشة اللذين زوّد بهما النموذجين.
- 1:07:17
استخدام حَكَم لمقارنة فلسفات التصميم
صاغ المتحدث طلباً لحَكَم يحلل استجابتي النموذجين وفق جوهر العلامة، ويقارن فلسفاتهما وأفكارهما ويحدد نقاط الاتفاق. ووفق خبرته الشخصية، رأى أن الاتفاق النادر بين مخرجات العصف الذهني المستقلة قد يكون إشارة مفيدة، لا حقيقة مؤكدة، تستحق مزيداً من الاعتبار.
عندك سؤال عن حاجة في البث ده؟
اسأل في الجروب