Building AI Apps Live from Cairo 🔴
تحب تدعم البث؟ عضوية «داعم» على يوتيوب بـ 60 جنيه في الشهر: شارات، إيموجي، وأسئلتك بجاوبها الأول في البث. اشترك كداعم
الخلاصة
يركّز البث على تجربة عملية طويلة لصقل واجهة موقع بمساعدة وكلاء البرمجة، ولا سيما حركات قسم البداية والشبكة النقطية وخطوط الربط وشريط التقدّم. اعتمد لقمان على المعاينة الحية ولقطات الشاشة وأدوات فحص المتصفح للتحقق من النتيجة بدل الاكتفاء بصحة الكود، وشخّص مشكلات شملت إطارات CSS مفقودة، وتراجعًا بصريًا، والتباس الخوادم والمنافذ، وتأثيرات تختفي بعد التحديث. ظهرت بعض الحركات بعد الانتقال إلى مكتبة الحركة الموجودة في المشروع، لكن ظلّت تفاصيل أخرى قيد الضبط، مع التشديد على حصر التغييرات وحفظ الحالات الجيدة في Git. كما ناقش تصميم مركز قيادة للمشروعات بأدوار وكلاء متعددة وملف JSON مشترك، مقابل خطر الإفراط في الأتمتة وتحول أداة الإدارة إلى مصدر تشتت؛ ولم يُحسم الاختيار بين المسارات المؤتمتة والعمل التفاعلي. وقارن، بوصفه رأيًا وتجربة شخصية لا اختبارًا شاملاً، بين Cursor وWarp وAntigravity وCodex من حيث المعاينة داخل بيئة التطوير، وعزل الطرفية، والتحكم أثناء التنفيذ، ونقل السياق، وحدود الاستخدام. وشملت أسئلة الجمهور WordPress وVercel وCloudflare وSupabase وFirebase، وتحويل فكرة موقع إلى تطبيق Android، وملاءمة WordPress لمنصات IPTV أو OTT مع ضرورة مراعاة حقوق المحتوى. بقيت عدة مسائل بلا نتيجة مؤكدة، منها بعض حركات الواجهة، استعادة تأثير حُذف، استهلاك YouTube API، واختلاف مدة البث المعروضة على YouTube.
108 لحظة من البث
- 1:03:18
ضبط تأثير المؤشر وتفاصيل الخلفية
تتضمن مراجعة الواجهة إزالة التوهج الزائد خلف المؤشر، وتصغير الدائرة وفحص استدارتها وتدرجها، مع الإبقاء على الشبكة المنقطة وجعل مسافاتها أكثر تقاربًا. تتخلل العمل مشكلة مؤقتة في أداة المؤشر ومحاولات لإعادة تشغيلها.
- 1:07:50
أهمية التحكم التفاعلي أثناء تشغيل مهام الوكلاء
في مقطع تتخلله عبارات غير واضحة، تقارن المناقشة بين تشغيل مهام متعددة المراحل دون إمكانية التدخل وبين سير عمل يتيح متابعة المهمة وتوجيهها أثناء التنفيذ. يرى المتحدث أن غياب التحكم في مسار سابق كان مزعجًا ومقلقًا، وأن النهج الأكثر تفاعلية أفضل بكثير.
- 1:13:23
تشخيص تعطل اللصق في جلسات Cursor الطرفية
وصف المضيف خللًا متكررًا أثناء استخدام Whisper Flow للتواصل مع الوكلاء داخل طرفية Cursor: بعد تفاعلات قليلة تتوقف الجلسات الطرفية عن قبول اللصق، حتى يدويًا، بينما يظل مدير الوكلاء يعمل. لاحظ أن إعادة تشغيل Cursor تعيد العمل مؤقتًا، ثم ناقش الانتقال إلى سير عمل طرفي آخر وذكر أن سبب اختياره Cursor كان عزل الطرفية.
- 1:20:24
ضبط عناصر الواجهة بالمقارنة البصرية
واصل المضيف تعديل واجهة الموقع عبر تصغير النقاط والمسافات بينها، ثم فتح الموقع بجانب بيئة العمل على شاشة أخرى للمقارنة. جرّب أيضًا تكبير عنصر دائري وتعديل قيمة بصرية، ولاحظ أن وجود سياق عمل قائم ساعد الوكيل على فهم التغيير المطلوب.
- 1:23:03
وكلاء بيئات التطوير مقابل سير العمل الطرفي
استكشف المضيف استخدام وكلاء مدمجين في بيئات التطوير وقارنهم بالعمل المباشر من الطرفية عبر Cursor وCodex وAntigravity. ناقش اختيار الوكيل، وجود متصفح داخل البيئة، والأتمتة، ورأى أن عزل الطرفية قد يوجّه المستخدم نحو مدير الوكلاء المدمج. كما نقل ادعاءً غير متحقق من مقال بأن Composer 2 بدأ كغلاف لنموذج آخر قبل تطويره؛ اسم النموذج في النص غير واضح.
- 1:31:30
تسليم سياق المشروع عبر ملف Markdown
شرح إنشاء مطالبة تسليم وملف Markdown داخل المشروع لنقل سياق جلسة عمل طويلة من Cursor إلى Warp، بحيث تبدأ الجلسة الجديدة من الحالة الحالية وتنتقل مباشرة إلى تحسين الموقع بدل إعادة شرح العمل.
- 1:32:17
عرض البث المباشر تلقائياً على الموقع
وصف إعداد يعتمد على استدعاءات YouTube API لإظهار البث المباشر وقسم البث تلقائياً على الموقع أثناء البث.
- 1:34:55
مقارنة سير العمل بين Cursor وWarp لمعاينة الواجهة
مقارنة عملية بين معاينة الموقع المدمجة داخل Cursor والعمل في Warp مع فتح الموقع بجانبه. يناقش تبديل التبويبات، قيود عرض الهاتف، عزل الطرفية في Cursor وAntigravity، وتفضيل العمل المباشر بالطرفية، ثم يكلّف Codex بمتابعة صقل تأثيرات الواجهة والفروق الدقيقة في التدرج.
- 1:42:44
تنقيح مؤثرات الحركة في واجهة الموقع الرئيسية
جرى توجيه العمل نحو دائرة تظهر مع حركة المؤشر وخطوط أو مسارات شبيهة بإشارات الشبكة داخل قسم الواجهة الرئيسية. بعد التنفيذ، أوضحت المراجعة أن الخطوط ظاهرة لكنها ثابتة، لذلك ظل المطلوب إضافة حركة واضحة وانسياب حول الحدود مع الحفاظ على بساطة التصميم.
- 1:55:48
مقارنة أدوات البرمجة بالذكاء الاصطناعي
نوقشت الحاجة إلى بحث سريع يقارن Cursor بأداة أخرى للبرمجة بالذكاء الاصطناعي من حيث الخطط وحدود الاستخدام وإمكان فتح عدة وكلاء أو محادثات. كانت الانطباعات أولية، ولم تُعرض نتيجة مقارنة نهائية.
- 2:03:32
مقارنة خطط أدوات البرمجة بالذكاء الاصطناعي
يفكر المتحدث في تجربة خطة مدفوعة ويقارن الخيارات بحسب السعر الشهري العام، وتوافر النماذج، وسعة السياق المعلنة. لا توضح المقاطع هوية المنتج أو ربط الخطط بهذه التفاصيل بما يكفي.
- 2:05:51
التحقق من الخادم عند اختفاء حركات الواجهة
أثناء استكشاف خلل، لاحظ المتحدث اختفاء الحركات تمامًا ورجّح احتمال وجود مشكلة في الخادم، فاقترح التحقق من حالته وإعادة تشغيل جلسة الطرفية. لا تُظهر المقاطع سببًا مؤكدًا أو إصلاحًا نهائيًا.
- 2:08:31
إعطاء وكيل البرمجة سياقًا دقيقًا من أدوات فحص المتصفح
يشرح المتحدث فتح أدوات المطور من المعاينة، واستخدام أداة تحديد العناصر للوصول إلى العنصر وكوده المصدري، ثم مشاركة الكود أو لقطات الشاشة مع الوكيل كي يفهم الجزء المقصود من الواجهة بدقة. ويذكر مشارك أنه جرّب نقل عنصر CTA جرى تحديده بأداة الفحص إلى موقعه، وقال إن التأثير عمل.
- 2:09:51
قيود عزل الطرفية في أدوات البرمجة بالذكاء الاصطناعي
يناقش المتحدث كيف قد يقيّد عزل الطرفية وصول الوكيل إلى بيئة الطرفية والنماذج التي يفضّل استخدامها، خصوصًا عند تمرير لقطات شاشة أو عناصر واجهة أو صوت. ويذكر أن بعض القدرات قد ترتبط بترقية مدفوعة، مع إبداء تفضيل شخصي لـ Warp في عمل الطرفية.
- 2:12:55
تشخيص اختفاء حركات الواجهة
فحص احتمال وجود مشكلة في الخادم، والتأكد من سلامته على المنفذ المستخدم، ثم تجربة التحديث القسري وإعادة فتح الصفحة. ظل تأثير التحويم ظاهرًا بينما غابت الحركات الأخرى، ورأى المتحدث أن إعداد تقليل الحركة في macOS ليس السبب المرجح.
- 2:17:22
نقد مؤثر بصري والعودة إلى العصف الذهني
ظهر المؤثر البديل في قسم الواجهة الرئيسي، لكنه اعتُبر أكثر تشتيتًا وأقل وضوحًا من تأثير «مطر الشيفرة» السابق. انتقد المتحدث الكرات الصاعدة والخطوط الثابتة لافتقارها إلى غرض بصري واضح وعدم ملاءمتها للطابع المستقبلي الشبيه بتصميمات Apple، وطلب إيقاف التنفيذ مؤقتًا والبحث عن أفكار أكثر اتساقًا مع العلامة.
- 2:20:59
استبعاد المتصفح ونظام التشغيل من أسباب تعطل الحركة
استُبعدت مشكلة عامة في المتصفح أو macOS لأن حركات أخرى في قسم الواجهة الرئيسي كانت تعمل بصورة طبيعية. ذُكر أيضًا اختبار أكثر من متصفح، ما وجّه التشخيص نحو الحركة المفقودة في القسم المحدد بدلًا من إعدادات الجهاز العامة.
- 2:23:07
المفاضلة بين حركتين لخلفية طرفية
اقترح البحث الإبقاء على الصلة البصرية بتأثير code rain عبر حركة طرفية هادئة، أو استخدام شاشة تتنفس بصرياً كخيار أكثر فخامة. أراد لقمان تجربة الخيارين وبدأ بالحركة الطرفية.
- 2:24:27
التعامل مع حذف مؤثر برمجي بالخطأ
لاحظ لقمان أن الوكيل حذف مؤثر code rain الذي سبق أن بناه في Cursor. بحث في إمكانية استعادته، مع عدم يقينه من توفر سجل المشروع أو نسخة احتياطية.
- 2:26:34
تصميم مركز أوامر بأدوار متعددة للوكلاء
ناقش لقمان هل يؤتمت لوحة المهام عبر pipeline داخل تطبيق مركز الأوامر أم يواصل العمل تفاعلياً في الطرفيات وCursor. عرض تصميماً يختار نوع الوكيل بحسب المهمة، مع system prompt منفصل لأدوار المستكشف والمخطط والباني، ثم يولّد prompt مناسباً للمهمة ويتيح معاينته ونسخه إلى جلسة أخرى. ظل وضع الـpipeline الأكثر أتمتة خياراً أعقد ولم يُحسم القرار النهائي.
عندك سؤال عن حاجة في البث ده؟
اسأل في الجروب