انتقل للمحتوى
شغّال
ارجع للمكتبة

Building AI Apps Live from Cairo 🔴

Day 0093:38:11

تحب تدعم البث؟ عضوية «داعم» على يوتيوب بـ 60 جنيه في الشهر: شارات، إيموجي، وأسئلتك بجاوبها الأول في البث. اشترك كداعم

الخلاصة

يركّز البث على تلميع موقع بطابع طرفية مع ضبط النطاق والوقت: مراجعة التسلسل البصري، تقليل الزحام، وتجريب مؤثر «أمطار الشيفرة» وتحسين حركته وكثافته ومحتواه عبر ملاحظات دقيقة ولقطات ومراجع لمكوّنات جاهزة. ويرى لقمان أن الوكلاء يحتاجون وصفًا محددًا وفهمًا للمشروع قبل التعديل، ويناقش سير عمل من الاستكشاف إلى التخطيط ثم البناء، مع تجميع السياق ومعاينة البرومبت والتحقق قبل التسليم؛ لكن قيمة الخط الآلي، جودة الاستكشاف، استئناف المهام عبر CLI وبعض سلوكيات وضع التخطيط ظلت أسئلة غير محسومة. كما يتناول البث أتمتة حالة وجدول البث عبر YouTube API مع استمرار مشكلة في الاستدعاءات، وأتمتة الدردشة والتوزيع الاجتماعي، والتسويق قبل اكتمال التطبيق عبر صفحة هبوط وقائمة انتظار، مع الفصل بين سوق المنتج العالمي وجمهور المحتوى العربي. وتشمل مناقشات الجمهور نصائح لبدء البث، والاختيار بين الويب والموبايل بحسب المشروع، وقراءة معايير نماذج الذكاء الاصطناعي بحذر، وأسئلة موجزة عن مفاهيمه الأساسية. التفضيلات بين Claude وCodex وCursor وWarp هي آراء وتجارب شخصية، ولم تكتمل كل التحسينات أو الاختبارات المقترحة خلال المادة.

  • livestreaming
  • workflow review
  • community learning
  • focus
  • +4

63 لحظة من البث

  1. 0:04:33

    البث المباشر للمراجعة والتعلّم مع الحفاظ على التركيز

    يوضح المتحدث أن تسجيل جلسات العمل يساعده على مراجعة خطواته، ملاحظة التقدم، الرجوع إلى أفكار سابقة، ومشاركة المعرفة وبناء مجتمع للتعلّم المتبادل. ويشير أيضاً إلى أن أسئلة الدردشة قد تشتت الانتباه، لذلك يظل التركيز على سير العمل أولوية.

    • livestreaming
    • workflow review
    • community learning
    • focus
    • +4
  2. 0:06:00

    أتمتة الدردشة واختبار أوامر Nightbot

    يختبر المتحدث أتمتة Nightbot لتخفيف عبء متابعة الدردشة أثناء العمل. يظن أولاً أنها لا تعمل، ثم يؤكد تشغيلها، ويراجع مجموعة أولية من أوامر الدردشة وروابط المنصات ويضبط بعض التفاصيل الصغيرة.

    • Nightbot
    • chat automation
    • chat commands
    • livestream workflow
    • +3
  3. 0:07:09

    تحسين استهلاك حصة YouTube API

    يعرض المتحدث بإيجاز أجندة تحسين موقع، ويذكر أن استهلاك حصة YouTube API لم يكن محسّناً وأنه أصلح المشكلة خارج البث. لا تعرض هذه الصفحة خطوات الإصلاح أو اختباراته.

    • YouTube API
    • API quota
    • quota optimization
    • website maintenance
    • +3
  4. 0:10:50

    فوائد البث المباشر وتحديات تنمية الجمهور

    يرى المتحدث أن البث أثناء العمل قد يكون صعبًا من دون جمهور وقد تسبب المحادثة تشتتًا، لكنه يفيد من يحب التفكير بصوت عالٍ، ويوثق تقدمه، وقد يساعده على بناء جمهور. ويناقش أيضًا الحاجة إلى أتمتة نشر المقاطع القصيرة عبر TikTok وFacebook وInstagram وYouTube لتقليل العمل اليدوي وتشجيع تبادل المعرفة عربيًا.

    • live streaming
    • audience building
    • content automation
    • short-form video
    • +2
  5. 0:13:56

    أتمتة حالة البث ومواعيده باستخدام YouTube API

    يشرح المتحدث قسمًا يفترض أن يغيّر الصورة المصغرة عند بدء البث، ويعرض مواعيد البثوث القادمة من YouTube عند التوقف. ويذكر أن الميزة لا تعمل حاليًا بسبب حدود استخدام واجهة YouTube، ثم يراجع استهلاك تكامل بوت Telegram دون نشر أرقامه الخاصة.

    • YouTube API
    • stream automation
    • live status
    • stream schedule
    • +2
  6. 0:15:38

    ما تحتاجه فعلًا لبدء البث

    ردًا على نقاش حول تجهيز البث، يقول المتحدث إن الكاميرا المتقدمة ليست شرطًا؛ الأهم أن يعرف المنشئ ما الذي يقدمه ولمن يريد إيصال فكرته.

    • streaming setup
    • content strategy
    • audience
    • creator advice
  7. 0:16:51

    تقسيم سير العمل بين Cursor وWarp

    يناقش المتحدث تغييرًا في عزل الطرفية نسبه إلى Antigravity بتاريخ 26 فبراير 2026، ويرى أنه يدفع لزيادة الاعتماد على الوكيل المدمج، خصوصًا عند مشاركة لقطات الطرفية. وبناءً على تفضيله العمل عبر عدة طرفيات ومع Claude Code وCodex، يوضح انتقاله إلى Cursor للواجهات وتجربة المستخدم بفضل معاينة الموقع وتحديد العناصر وإرسال اللقطات إلى الوكلاء، مع إبقاء Warp للعمل على الخلفية ونواة المشروع. ويؤكد أنه ما زال في بداية تعلم Cursor.

    • Cursor
    • Warp
    • Antigravity
    • Claude Code
    • +5
  8. 0:21:07

    إعادة إنشاء عناصر واجهة من موقع مرجعي بالذكاء الاصطناعي

    يناقش تجربة إعادة إنشاء زر دعوة إلى الإجراء ثم عنصر بصري أصعب من موقع مرجعي. جرى تزويد الوكيل بسياق العنصر ولقطة شاشة عبر Playwright MCP، وكانت النتيجة الأولية مقبولة مع بقاء اختلافات بسيطة في سلوك الحركة.

    • AI coding agents
    • web UI
    • component recreation
    • Playwright MCP
    • +2
  9. 0:22:35

    لماذا يحتاج وكيل البرمجة إلى وصف محدد

    يقول المتحدث إن Claude أخبره بأنه يستطيع تنفيذ الواجهة عندما يُوصَف المطلوب بدقة، بينما تظل طلبات مثل «حسّن التصميم» مبهمة. لذلك يرى أن مرحلة العصف الذهني مفيدة عندما تكون الفكرة العامة معروفة لكن الحل البصري المطلوب لم يتحدد بعد.

    • prompting
    • coding agents
    • UI direction
    • brainstorming
    • +1
  10. 0:23:47

    استخدام أدلة المكوّنات الجاهزة كمرجع للوكلاء

    يستعرض أسلوب البحث في أدلة لمكوّنات الواجهة، مثل الرسوم البيانية وأشرطة التقدم، ثم نسخ الكود أو تمرير المرجع إلى وكيل برمجة مع طلب تكييف الألوان والتفاصيل للموقع. الفكرة هي تحويل الإعجاب بمكوّن محدد إلى مدخل تنفيذي أوضح.

    • component libraries
    • UI components
    • code reuse
    • coding agents
    • +2
  11. 0:25:37

    تحديد وقت تلميع موقع بطابع طرفية

    يوضح المتحدث أن بناء الواجهات ليس مجال عمله الأساسي، لذلك يريد إنهاء الموقع ذي الطابع الطرفي في ذلك اليوم بعد تجربة بعض اللمسات، مع تأجيل تحسينات محدودة فقط إلى وقت لاحق.

    • frontend priorities
    • time-boxing
    • website polish
    • terminal aesthetic
    • +1
  12. 0:27:23

    مراجعة آلية للهوية البصرية وتخطيط الموقع

    يطلب من الوكيل فهم الموقع والتركيز على الواجهة والتخطيط والطابع البصري. ووفق المراجعة الظاهرة في التفريغ، كان الاتجاه العام مركز قيادة داكن بطابع طرفية، لكن منطقة البداية مزدحمة، وبعض الألوان والخلفيات متعارضة، والأقسام متشابهة، والتسلسل الهرمي للمعلومات مسطّح؛ وهي ملاحظات من الوكيل وليست نتائج اختبار مستخدمين.

    • UI audit
    • website layout
    • visual hierarchy
    • terminal aesthetic
    • +2
  13. 0:30:37

    خطة لتحسين صفحة هبوط بطابع الـVibe Coding

    يناقش وضع خطة تحسين وربما إعادة صياغة شاملة لصفحة الهبوط، مع الحفاظ على اللغة المناسبة للواجهة. ومن الأفكار المقترحة خلفية علوية متحركة بهدوء تعرض سطور كود تهبط باستمرار، مستلهمة بصورة خفيفة من Matrix لتوصيل طابع الـVibe Coding، إلى جانب الاهتمام بتأثير بصري في قسم التسعير.

    • landing page
    • UI design
    • website optimization
    • visual design
    • +3
  14. 0:34:12

    استكشاف تعطل الإملاء الصوتي داخل طرفية Cursor

    أثناء محاولة تسجيل رسالة، توقف Wispr Flow مؤقتًا عن العمل داخل طرفية Cursor. شملت المحاولات اختبارات متكررة، والتفكير في احتمال وجود حظر متعلق بإعدادات الخصوصية أو الأمان، وتجربة إعادة التشغيل؛ وظهرت إشارة إلى نجاح النسخ في إحدى المحاولات، لكن السبب النهائي لم يُحسم بوضوح.

    • Wispr Flow
    • Cursor
    • voice dictation
    • transcription
    • +3
  15. 0:41:45

    تقليل التنافس البصري وتحسين الواجهة بأدوات الذكاء الاصطناعي

    لاحظ أن العناصر البصرية تتنافس على الانتباه، فبحث عن خلفية مطر شيفرات أو Matrix وراجع مكوّنات للواجهة. انتقد أداة بدأت التنفيذ رغم طلبه تحسين الخطة فقط، واعتبر Codex مناسبًا لأعمال التلميع مع نموذج خفيف.

    • UI design
    • visual hierarchy
    • AI coding tools
    • Codex
    • +1
  16. 0:45:02

    موازنة جودة الموقع مع الوقت والهدف العملي

    رأى أن الموقع لا يحتاج إلى تصميم مبالغ فيه ما دام يعمل جيدًا، وأن الوصول إلى مستوى مُرضٍ أهم من قضاء ساعات إضافية على التلميع قبل بدء العمل الأساسي.

    • scope management
    • website design
    • prioritization
    • product development
  17. 0:46:37

    بدء التسويق قبل اكتمال التطبيق

    شرح خطة لبدء حملة توزيع وتسويق قبل الإطلاق بينما لا يزال التطبيق قيد البناء. تشمل الخطة صفحة هبوط تشرح المنتج وفائدته، وفيديوًا ترويجيًا قصيرًا، وقائمة انتظار، وحافزًا لبعض المسجلين لتجربة التطبيق مبكرًا وجمع عملاء محتملين.

    • pre-launch marketing
    • distribution
    • landing page
    • waitlist
    • +2
  18. 0:49:00

    الفصل بين جمهور المنتج وجمهور المحتوى العربي

    ميّز بين جمهور تطبيق Shopify، الذي يمكن استهدافه عالميًا حيث ينتشر استخدام المنصة، وبين هدف محتوى يوتيوب بوصفه مركزًا معرفيًا للجمهور العربي؛ أي إن سوق المنتج وجمهور القناة ليسا بالضرورة متطابقين.

    • audience strategy
    • market segmentation
    • Shopify
    • Arabic content
    • +1
  19. 0:51:42

    مراجعة الواجهة بصريًا قبل تعديلها

    طلب من المساعد الالتزام بالتخطيط بدل تنفيذ تغييرات غير مطلوبة، ثم استخدام فحص بصري للموقع ولقطات لكل قسم لتحديد المشكلات. شملت الملاحظات شعارًا محجوبًا خلف شريط التنقل، وقسمًا علويًا لا يطابق التصور، والحاجة إلى عرض أفقي متحرك لبعض عناصر الأدوات.

    • UI review
    • visual QA
    • Playwright
    • screenshots
    • +2
  20. 0:53:27

    لماذا تختلف عوائد إعلانات YouTube بين الأسواق؟

    طرح المتحدث رأيًا عامًا بأن عائد إعلانات YouTube في بعض أسواق الشرق الأوسط وشمال أفريقيا قد يتجاوز مصر، وربط ارتفاع CPM بقوة اقتصاد السوق وقدرته الشرائية.

    • YouTube
    • CPM
    • MENA
    • advertising economics

عندك سؤال عن حاجة في البث ده؟

اسأل في الجروب
Building AI Apps Live from Cairo 🔴 · شغّال