Building AI Apps Live from Cairo 🌙
تحب تدعم البث؟ عضوية «داعم» على يوتيوب بـ 60 جنيه في الشهر: شارات، إيموجي، وأسئلتك بجاوبها الأول في البث. اشترك كداعم
الخلاصة
بث عملي طويل يوثّق بناء موقع علنًا بمساعدة وكلاء برمجة، من تجهيز الملفات والمواصفات وصناعة نسخ الشعار في Canva إلى مراجعة الواجهة وتحسين التباين والتجاوب واتجاه النص العربي والروابط. يناقش لقمان تنظيم التعليمات والمهارات والصلاحيات بين Codex وClaude، وأهمية اختصار ملفات التعليمات والتوثيق لاستمرارية الجلسات، مع أسئلة غير محسومة حول استهلاك نافذة السياق والاستقلالية وموثوقية المساعد قرب حدودها. وفي مقارنة مباشرة رأى أن واجهة Codex كانت أقوى في تلك المحاولة، بوصفه انطباعًا لا حكمًا عامًا. ينتقل العمل بعدها إلى GitHub وCloudflare، حيث تظهر مشكلات في Pages وWorkers والملفات الثابتة والمعاينة والمصادقة وDNS؛ عاد الموقع للعمل بعد تعديل إعداد JSON، لكن سبب الإصلاح لم يكن واضحًا، وظل انتقال النطاق يحتاج وقتًا للتحقق. كما يعرض رؤيته لبناء مجتمع مصري للـvibe coding، وأهمية المانيفستو وخريطة الطريق وقوائم التحقق قبل مراجعة تطبيقات Shopify. انتهى البث والعمل ما زال في مرحلة مبكرة تحتاج إلى تلميع ومتابعة، لا بوصفه مشروعًا مكتملًا أو إطلاقًا مؤكدًا.
52 لحظة من البث
- 0:00:32
لماذا يبني مشاريعه علنًا في بث مباشر
يوضح لقمان أنه يفكر بصوت عالٍ أثناء البرمجة ويتحدث صوتيًا مع وكلاء الذكاء الاصطناعي، وأنه اختار عرض عملية البناء مباشرة لأن هذا النوع من المحتوى العملي الكامل كان نادرًا في نظره. هذا تفسير لدافعه وأسلوب عمله، وليس ادعاءً بنتيجة محققة.
- 0:04:49
حصر مستكشف المشروع في مجلد واحد
بعد استعادة ملفات كانت قد فُقدت، يصف لقمان مشكلة في مستكشف المشاريع داخل Warp: الواجهة تعرض ملفات الجهاز كلها بدل الاكتفاء بالمشروع الذي حدده. يصوغ سؤالًا عمليًا عن كيفية عزل العرض على مجلد المشروع، لكن المقتطف لا يتضمن حلًا مؤكدًا.
- 0:09:08
تجهيز ملفات المشروع قبل بناء الموقع
ينتقل لقمان إلى مجلد المشروع استعدادًا لبناء موقع، ثم يلاحظ أن ملفات ماركداون المطلوبة غير موجودة بعد. يقرر أن العثور على هذه الملفات وإضافتها إلى المشروع خطوة لازمة قبل متابعة العمل؛ ولا يسجل هذا الجزء اكتمال الموقع.
- 0:12:54
مراجعة مواصفات الموقع قبل بدء البناء
مراجعة وثائق ومواصفات موقع مخطط لاستضافته على Cloudflare، بما يشمل الأصول المتاحة والروابط الاجتماعية وإعداد التقاط البريد الإلكتروني. تقرر استخدام عنصر نائب للإجراء المفقود، ثم فحص الموقع وتحديد النواقص قبل تنقيحه.
- 0:15:35
مراجعة مؤرخة لبيئة الوكيل وصلاحيات المشروع
طلب مراجعة بيئة عمل وكيل الذكاء الاصطناعي وفق أفضل الممارسات حتى 9 مارس 2026، مع بحث تحسين الذاكرة والوظائف وتنظيم الوكلاء الفرعيين. تشمل المراجعة أيضًا إعدادات الصلاحيات لتقليل طلبات الموافقة المتكررة قبل التنفيذ، على أن تسبق التغييرات مناقشة للمقترحات.
- 0:17:20
استخدام Codex لتحسين واجهة الموقع
خطة لبناء الموقع أولًا ثم الاستعانة بـ Codex لتحسين تنسيق الواجهة. الدافع هو رأي منقول عن آخرين بأن Codex قوي في تصميم واجهات المستخدم؛ أما رقم الإصدار الظاهر في الكابتشن فغير واضح ولم يُثبت.
- 0:18:18
لوحة بيضاء لتتبع تقدم المشروع
تجربة إعداد العرض والكاميرات مع لوحة بيضاء، مع نية تحسين اللوحة تدريجيًا لأنها مهمة لتتبع تقدم المشروع.
- 0:19:36
محاولة معاينة الموقع محليًا
بعد اكتمال مرحلة بناء، جرت محاولة فتح معاينة الموقع على localhost عبر المنفذ 3000، لكنها لم تكن تُحمَّل عند نهاية الصفحة؛ ولا يظهر في المصدر تشخيص أو حل.
- 0:22:37
تنظيم إعدادات وصلاحيات الوكيل البرمجي
يناقش إعداد مشروع بأمر البناء وملفات الإعدادات، وتشديد الصلاحيات العامة مع إبقاء القواعد الخاصة بالمشروع محدودة النطاق، وإضافة مهارات ووكلاء مخصصين. كما يطلب أفكارًا محددة للوكلاء الفرعيين، مع وجود توتر غير محسوم بين تقليل مطالبات الإذن والسماح التلقائي الواسع بالأوامر.
- 0:26:58
مراجعة أولية لواجهة الموقع وروابطه الناقصة
تبدأ مراجعة سريعة للموقع، مع ملاحظة أن مظهره داكن جدًا والسؤال عمّا ينقصه. وفي بداية الفحص المنظم تظهر ملاحظة بوجود روابط مفقودة، لكن الصفحة تنتهي قبل عرض تعديلات أو نتائج.
- 0:28:12
فحص مشكلة عدم تحميل localhost
بعد أن عمل الموقع محليًا في المرة الأولى، توقف localhost عن التحميل عند فتحه مجددًا. يطرح النقاش سؤالًا عمّا إذا كان يجب تشغيل أمر التطوير في كل مرة، ثم يؤجل التشخيص للانتقال إلى مراجعة شكل الموقع وما ينقصه؛ ولا تُسجَّل نتيجة مؤكدة.
- 0:30:27
تحسين تصميم الصفحة التعريفية
مراجعة للصفحة أشارت إلى أن معلوماتها قديمة وأنها تفتقر إلى قائمة تنقّل، مع ملاحظة أن الخلفية شديدة القتامة وأن النص لا ينسجم معها جيدًا. اقتُرح الجمع بين الألوان الداكنة والأبيض المائل للصفرة مع الانتباه إلى تفاصيل التباين.
- 0:32:09
ضوابط أمان الوكيل وتفعيل المهارات تلقائيًا
تناقش الفقرة تقييد وكيل البرمجة بحيث لا ينفّذ الدفع إلى Git أو الحذف القسري من دون موافقة، ثم إضافة مهارات للمشروع. وكان التفضيل أن يختار الوكيل المهارات ويشغّلها تلقائيًا استنادًا إلى وصفها والموجّه أو طبيعة المهمة، بدل الاعتماد دائمًا على التفعيل اليدوي.
- 0:37:46
عرض الروابط والتقنيات في موقع المشروع
طُلب أن يعرض الموقع روابط التواصل والتقنيات المستخدمة إلى جانب عرض عام للأعمال. شملت الأدوات الواضحة المذكورة Shopify وGemini وChatGPT وClaude وCodex وCloudflare وRailway، مع طلب تسليم المحتوى في ملف Markdown؛ وأُغفلت أسماء أخرى غير واضحة أو خاصة.
- 0:41:31
تحديث روابط الموقع من ملف Markdown
طُلِب من الوكيل حفظ ملف Markdown المرفق في قسم التوثيق، ثم استخدام معلوماته لاستبدال الروابط القديمة المعروضة على الموقع.
- 0:42:53
لماذا ينبغي أن يظل ملف تعليمات الوكيل مختصرًا؟
يوضح النقاش أن الوكيل يقرأ ملف تعليمات المشروع عند بدء كل جلسة، ما يستهلك رموزًا ومساحة من نافذة السياق. لذلك يُنصح بإبقائه مختصرًا مع الاحتفاظ فقط بالمعلومات التي يحتاج الوكيل إلى معرفتها باستمرار.
- 0:45:09
إعدادات استقلالية الوكيل وإعادة التشغيل
عندما ظل وكيل آخر يطلب السماح بتشغيل أمر Bash، طُرح سؤال عمّا إذا كانت إعدادات الاستقلالية قد طُبقت بالكامل، مع الإشارة إلى أن الوكيل لم يُعَد تشغيله بعد إضافة الإعدادات.
- 0:47:53
تجهيز نسخ الشعار في Canva
بدأ عمل عملي لتحديث أصول العلامة في Canva، شمل تجهيز شعار مربع وآخر أفقي ومحاولة تصدير أصل بخلفية شفافة؛ بعض تفاصيل الصيغ والأسماء في التفريغ غير واضحة.
- 0:52:02
استبدال شعارات الموقع ودمج الهوية الجديدة
مناقشة نقل ملفات الشعارات الجديدة إلى المجلد المناسب، وإزالة الشعارات السابقة، ثم تجربة دمج الأصول الجديدة بصورة إبداعية داخل الموقع لتقييم مظهرها.
- 0:57:29
مراجعة توافق الصفحة المقصودة مع الهاتف والمساحات الفارغة
بدء مراجعة للصفحة المقصودة عبر Codex تشمل التحقق من توافقها مع الهاتف والروابط وصياغة ملاحظات للتحسين، مع تحديد كثرة الفجوات والمساحات الفارغة أعلى الصفحة بوصفها مشكلة تصميمية.
عندك سؤال عن حاجة في البث ده؟
اسأل في الجروب