Building AI Apps Live from Cairo 🌙
تحب تدعم البث؟ عضوية «داعم» على يوتيوب بـ 60 جنيه في الشهر: شارات، إيموجي، وأسئلتك بجاوبها الأول في البث. اشترك كداعم
الخلاصة
بث عملي طويل يوثّق بناء موقع علنًا بمساعدة وكلاء برمجة، من تجهيز الملفات والمواصفات وصناعة نسخ الشعار في Canva إلى مراجعة الواجهة وتحسين التباين والتجاوب واتجاه النص العربي والروابط. يناقش لقمان تنظيم التعليمات والمهارات والصلاحيات بين Codex وClaude، وأهمية اختصار ملفات التعليمات والتوثيق لاستمرارية الجلسات، مع أسئلة غير محسومة حول استهلاك نافذة السياق والاستقلالية وموثوقية المساعد قرب حدودها. وفي مقارنة مباشرة رأى أن واجهة Codex كانت أقوى في تلك المحاولة، بوصفه انطباعًا لا حكمًا عامًا. ينتقل العمل بعدها إلى GitHub وCloudflare، حيث تظهر مشكلات في Pages وWorkers والملفات الثابتة والمعاينة والمصادقة وDNS؛ عاد الموقع للعمل بعد تعديل إعداد JSON، لكن سبب الإصلاح لم يكن واضحًا، وظل انتقال النطاق يحتاج وقتًا للتحقق. كما يعرض رؤيته لبناء مجتمع مصري للـvibe coding، وأهمية المانيفستو وخريطة الطريق وقوائم التحقق قبل مراجعة تطبيقات Shopify. انتهى البث والعمل ما زال في مرحلة مبكرة تحتاج إلى تلميع ومتابعة، لا بوصفه مشروعًا مكتملًا أو إطلاقًا مؤكدًا.
52 لحظة من البث
- 1:00:51
ملاحظات عملية لتحسين واجهة موقع
مراجعة تنتقد موضع عناصر الشعار، وسلوك النص العربي المختلط بالإنجليزية، والفراغات الزائدة، وضعف تباين نص قسم البث. وتقترح عنصرًا بصريًا أوضح للبث يرتبط بيوتيوب، مع حركات مدروسة وتحسين توازن التذييل وبقية الصفحة.
- 1:03:30
تحويل تعليمات إعادة الهيكلة إلى ملف Markdown
يعرض سير عمل تُجمع فيه تعليمات إعادة هيكلة موقع داخل ملف Markdown ليسهل على وكيل البرمجة قراءتها بدل إدخالها يدويًا، مع التنبيه إلى أن الطلبات الواسعة وأنماط الاستدلال الأعلى قد تستهلك قدرًا أكبر من نافذة السياق.
- 1:08:23
تهيئة بيئة مشروع للعمل بين نموذجين
يبدأ المتحدث بصياغة سؤال عام عن تحسين بنية وبيئة مشروع عند التبديل بين نموذجين، وما إذا كان Codex يستطيع الاستفادة من ملف تعليمات مخصص لوكيل آخر. السؤال لا يكتمل داخل هذه الصفحة، لذلك لا تظهر إجابة أو توصية نهائية.
- 1:10:53
تنظيم تعليمات المشروع بين Codex وClaude
يناقش المتحدث كيفية مشاركة تعليمات المشروع بين الوكلاء، مع استخدام ملفات خاصة فقط عند الحاجة إلى سلوك يخص وكيلًا بعينه. ويخلص الرد المعروض إلى أن كل وكيل أدرى بتفاصيله الداخلية، لذا يُفضّل أن يتولى تحسين إعداداته الخاصة مع الحفاظ على اصطلاحات المشروع المشتركة.
- 1:16:10
مقارنة مباشرة بين Codex وClaude في بناء واجهة
يقارن المتحدث النتيجتين الناتجتين عن Codex وClaude، ويرى أن Codex قدّم واجهة أقوى في هذه المحاولة. ويعرض ذلك بوصفه انطباعه عن التجربة، مع الإشارة إلى استهلاك نافذة السياق باعتباره عيبًا مزعجًا.
- 1:20:15
فحص التطبيق الناتج وتحديد تعديل للرابط
يفحص المتحدث التطبيق الناتج سريعًا، ويعبّر عن إعجابه بالنتيجة، ثم يحدد تعديلًا لاحقًا للرابط. التفاصيل البصرية الدقيقة غير واضحة في النص المصاحب.
- 1:21:58
فكرة لوحة مهام وخريطة للمشروع
استعراض مختصر لفكرة بناء لوحة مهام وخريطة للمشروع لاحقًا، مع بقاء اسم الأداة أو المشروع غير واضح في النص.
- 1:23:01
إضافة تباين إلى هوية بصرية داكنة
نقد لتصميم موقع يعتمد على الأخضر والخلفيات الداكنة وفق مواصفات العلامة، مع اقتراح إدخال أقسام فاتحة أو بيضاء لتحسين التباين وراحة القراءة مع ترك أسلوب التنفيذ مفتوحًا.
- 1:26:07
تهيئة المشروع لـ Codex وفهم استهلاك السياق
تهيئة بيئة عمل المشروع لتناسب Codex كي يحصل على فهم قريب من أداة برمجية أخرى، مع الإشارة إلى وجود تداخل كبير وبعض التحسينات الخاصة. لاحقًا يلاحظ المتحدث أن استهلاك نافذة السياق يبدو مرتفعًا حتى لمهمة تهيئة محدودة، ويعبّر عن عدم فهمه للسبب دون تقديم نتيجة حاسمة.
- 1:34:26
ما هي hooks وما أدوار MCP الممكنة؟
يشرح المتحدث أن hooks تُضبط مسبقًا لتعمل تلقائيًا عند وقوع trigger داخل المشروع، لكنه يرى أنها قد لا تكون ضرورية لهذا المشروع. ثم يستعرض أفكارًا لخوادم MCP مرتبطة بالشاشة وYouTube وTelegram ونظام الملفات وCloudflare.
- 1:36:14
تقييم موقع شبه مكتمل بعمل عدة وكلاء برمجيين
بعد نحو ساعتين من العمل، يصف المتحدث الموقع بأنه شبه مكتمل، مع بقاء مراجعة GitHub وربط Cloudflare قبل الإطلاق. ويرى أن الجمع بين أدوات أو وكلاء البرمجة سرّع سير العمل بدرجة كبيرة.
- 1:38:37
رؤية لمجتمع مصري للـ vibe coding والبناء العلني
يطرح المتحدث هدفه بإنشاء مجتمع مصري للـ vibe coding، ويعبّر عن رأيه بأن المجال أصبح أكثر إتاحة لغير مطوري الويب وأن إمكاناته لم تحظَ بعد بوعي واسع في مصر والمنطقة. ويفضل عرض عملية البناء كاملة في بث مباشر بدل الاكتفاء بفيديوهات شرح قصيرة.
- 1:40:26
نقل موقع من localhost إلى Cloudflare
يحدد المتحدث المهمة التالية: نقل موقع شبه مكتمل من localhost إلى Cloudflare ونطاقه، ويطلب خطوات تنفيذية مع بحث إمكانية استخدام MCP لتوفير الوقت. المقطع يصف خطة النشر ولا يؤكد نجاحها.
- 1:42:03
مراجعة التباين وجاهزية صفحة الهبوط
يراجع المتحدث نتيجة تحديث الواجهة ويرى أن التباين الجديد أفضل من التصميم الداكن وحده. ويصف صفحة الهبوط والروابط بأنها جاهزة مبدئيًا مع بقاء تعديلات محدودة وخطوة النشر عبر Cloudflare.
- 1:45:54
العلاقة بين GitHub وCloudflare في مسار النشر
يتساءل المتحدث عن سبب غياب GitHub من الخطوات المقترحة، ويقارن ذلك بمسار اعتاد فيه دفع المشروع إلى GitHub ثم نشره تلقائيًا عبر منصة استضافة. ويناقش ما إذا كان فصل المستودع والنشر أم ربطهما أفضل، ثم يلخص المسار المقصود بوصفه دفع التحديثات إلى GitHub لتنتقل إلى Cloudflare تلقائيًا، دون تأكيد اكتمال الإعداد.
- 1:55:35
نوافذ السياق في جلسات البرمجة الطويلة
راجع المتحدث مقدار نافذة السياق المتبقي بعد استخدام جلسة واحدة لبناء موقع وبنيته التحتية، وفكّر في مدى ملاءمة نماذج أو خدمات أخرى لمواصلة جلسات العمل الطويلة. حُذفت تفاصيل الخطة والأرقام الخاصة، كما أن اسم إصدار النموذج في النص غير موثوق.
- 1:58:11
استكشاف مصادقة خادم MCP وصلاحياته
اكتشف Claude Code خادم MCP الجديد لكنه لم يعرض طلب المصادقة كما كان متوقعًا. بحث المتحدث في ما إذا كان التفويض ينبغي أن يكون للقراءة فقط أو أن يمنح صلاحيات منفصلة للخدمات، ومنها Workers وDNS، من دون أن توثق المقاطع اختيارًا نهائيًا أو نجاح المصادقة.
- 2:05:11
بدء نشر الموقع ومراجعة إعدادات البناء عبر MCP
بعد توصيل MCP، يبدأ العمل على تفعيل الموقع على نطاقه ومراجعة فرع الإنتاج وأوامر البناء ومجلد المخرجات واتصال Git. يلاحظ المتحدث أن إرشادات المساعد عن واجهات المواقع قد لا تطابق الواجهة الفعلية، لذلك تحتاج إلى تحقق عملي.
- 2:14:29
التحقق من وضوح الشاشة في البث المباشر
يتوقف المتحدث مؤقتًا للتحقق من ظهور الشاشة وحجمها عبر معاينة البث على YouTube، ويرى أنها صغيرة قليلًا ثم يؤجل تحسينها ويعود إلى العمل.
- 2:18:36
التمييز بين Pages وWorkers بعد فشل البناء
يحاول المتحدث تصحيح إنشاء التطبيق تحت Workers بدل Pages بحذف المحاولة وإعادة إنشائها خطوة بخطوة. بعد إنشائها تحت Pages يفشل البناء، فيحدد أن إعدادات المشروع تحتاج إلى مراجعة قبل المتابعة، مع إقراره بعدم وضوح الفرق بين الخيارين لديه.
عندك سؤال عن حاجة في البث ده؟
اسأل في الجروب