CopilotKit: مشكلة روبوتات الدردشة المدعومة بالذكاء الاصطناعي في تطبيقات البرمجيات كخدمة (SaaS)
BBetter Stack
Computing/SoftwareSmall Business/StartupsInternet Technology
Transcript
00:00:00معظم ميزات وتطبيقات الذكاء الاصطناعي تعاني من نفس المشكلة، فهي تبدو جيدة ولكنها في الواقع مجرد مربع محادثة
00:00:06ملصق على جانب الشاشة، تطلب شيئًا فيعطيك نصًا منسقًا (ماركداون) وربما جدولًا
00:00:11وربما بضع فقرات تشرح العمل الذي لا يزال يتعين عليك القيام به، لكن ماذا لو لم يكتفِ
00:00:17الوكيل بالحديث فقط؟ هذا هو Copilot Kit، يمكنه عرض مكونات حقيقية ومشاركة حالة مباشرة مع تطبيقك
00:00:23والتوقف لطلب الموافقة قبل أن يغير أي شيء، فهل يمكن لهذا أن يجعل ميزة الذكاء الاصطناعي تبدو
00:00:29أكثر كجزء من المنتج؟ دعونا نكتشف ذلك
00:00:37أولًا، يعتقد الكثير من الناس أنهم يضيفون الذكاء الاصطناعي إلى تطبيقاتهم، لكنهم في الواقع يضيفون
00:00:43تطبيقًا ثانيًا داخل تطبيقهم؛ منتجك موجود هناك، والذكاء الاصطناعي موجود هناك، ويضطر المستخدم
00:00:49إلى نسخ السياق ذهابًا وإيابًا في ذهنه لكي ينجز أي شيء فعليًا. هذا جيد إذا كان كل ما تحتاجه
00:00:54هو هيكل بسيط للأسئلة والأجوبة، لكن بمجرد أن تريد من الوكيل تحديث الحالة
00:01:00أو استدعاء أدوات أو العمل مع المستخدم ضمن سير عمل حقيقي، نبدأ في الاصطدام بجدار. فأنت الآن تبني
00:01:07أحداثًا متدفقة، ومزامنة للحالة، وتدفقات للموافقة، والجميع يعيد بناء نفس الشيء باختلافات
00:01:14بسيطة فقط. Copilot Kit يتعامل مع هذه المشكلة من البداية، فالسؤال ليس كيف نصنع روبوت محادثة آخر، بل
00:01:20السؤال الأهم هو كيف نجعل الوكلاء يشعرون بأنهم أصليون داخل التطبيقات نفسها؟ لنبدأ بالعرض التوضيحي، ثم
00:01:26سأشرح ما هو حقيقي وما هو مفيد وما هو مبالغ فيه قليلًا. إذا كنت تستمتع بأدوات البرمجة
00:01:32لتسريع سير عملك، تأكد من الاشتراك، فنحن نصدر فيديوهات طوال الوقت. حسنًا، الآن
00:01:37شاهد هذا، أنا أبدأ من طرفية نظيفة ويمكننا فقط تشغيل التثبيت الذي حصلت عليه من Copilot Kit
00:01:42هذا يقوم بتهيئة التطبيق ويعطيني نقطة بداية فعلية تمامًا مثل أي مشروع آخر كنا سنبدأه
00:01:49وليس مجرد فقاعة محادثة فارغة، بل أجزاء حقيقية؛ المكونات الأمامية موصلة ببعضها البعض بالفعل
00:01:56بما يكفي لأتمكن من البدء في اختبار التجربة الفعلية التي نريدها. الآن أبدأ وأشغل وضع التطوير
00:02:02وها هو التطبيق يعمل محليًا، بالطبع هذا الجزء يبدو مألوفًا، هناك واجهة محادثة
00:02:09لكن هذا ليس الجزء المثير حقًا هنا، الجزء الرائع حقًا هو ما يحدث عندما
00:02:13يكون الوكيل متصلًا بواجهة المستخدم. سأطرح سؤالًا هنا في الواجهة، حسنًا، ها نحن ذا
00:02:21ولاحظ الشيء الكبير هنا؛ الوكيل لا يجيب فقط بكتلة من النص، بل يمكنه بث
00:02:26الاستجابة، ويمكنه استدعاء أدوات، ويمكنه عرض مكون حقيقي داخل التطبيق، هذا هو التغيير
00:02:32الكبير الأول حقًا مع Copilot Kit؛ الذكاء الاصطناعي لا يصف الواجهة فحسب، بل أصبح الآن
00:02:38جزءًا من كل ذلك. الآن دعونا نأخذ الأمر خطوة أخرى إلى الأمام، سأطرح عليه سؤالًا متابعًا هنا
00:02:46حسنًا، وهنا الجزء الذي ستتجاهله الكثير من الوكلاء الآخرين؛ وكيلنا يتوقف مؤقتًا، ويطلب
00:02:52الموافقة، وطلب الموافقة هو الجزء الذي يهم، وهو الجزء الذي يعجبني حقًا لأن
00:02:57في البرمجيات الحقيقية، التحكم ليس اختياريًا؛ يحتاج مستخدمونا إلى الكلمة الأخيرة فيما يحدث فعليًا
00:03:03حسنًا، عرض توضيحي رائع، أليس كذلك؟ الطريقة السهلة لشرح Copilot Kit هي ببساطة هذه: Copilot Kit
00:03:09عبارة عن حزمة واجهة أمامية للتطبيقات المعتمدة على الوكلاء، إنه ليس مجرد مكون محادثة، وليس مجرد غلاف حول
00:03:15واجهة برمجة تطبيقات أخرى لنماذج اللغات الكبيرة، بل يمنحك القطع التي نحتاجها لتجارب الذكاء الاصطناعي التي تعيش داخل المنتج.
00:03:23هناك أربع قطع يجب فهمها حقًا هنا، الأولى هي AGUI، وAGUI هو بروتوكول مفتوح قائم على الأحداث
00:03:31لكيفية تحدث الوكلاء مع الواجهات الأمامية. حاليًا، تعاني أدوات الوكلاء من مشاكل في الاتصال؛ لديك LangGraph
00:03:37و CrewAI، ووكلاء مخصصون، وأي إطار عمل جديد تم إطلاقه هذا الصباح ونحن نحاول
00:03:43إسقاط ذلك في تطبيقنا، ثم لديك تطبيقات React، وتطبيقات الجوال، ولوحات المعلومات، وكل هذا الشيء الآخر الذي
00:03:48يحدث، وهذا الكثير من الأشياء المختلفة التي يتم التلاعب بها، وكل هذه الأشياء يتم التلاعب بها بدون بروتوكول مشترك.
00:03:55كل واجهة خلفية تحتاج إلى كود مخصص لكل واجهة أمامية، AGUI تحاول أن تصبح اللغة المشتركة
00:04:01بين الوكيل والواجهة؛ الرسائل، وتحديثات الحالة، واستدعاءات الأدوات، وأحداث واجهة المستخدم، كلها تتحرك
00:04:07عبر تدفق أحداث مشترك، ثم لدينا واجهة المستخدم التوليدية، بدلاً من أن يقوم النموذج بإرجاع نص فقط، يمكن للوكيل
00:04:14تفعيل مكونات حقيقية، إنها ليست لغة ترميز عشوائية، إنها مجرد واجهتك التي يتم عرضها في اللحظة المناسبة. ثم الحالة المشتركة
00:04:22أو ما يسميه Copilot Kit بالوكلاء المشاركين (Co-agents)، يمكن للواجهة الأمامية والوكيل الخلفي مشاركة الحالة في كلا
00:04:29الاتجاهين؛ عندما يغير المستخدم شيئًا ما يمكن للوكيل التفاعل، وعندما يقوم الوكيل بتحديث شيء ما يمكن لواجهة المستخدم أن
00:04:35تعكس ذلك، هذا أمر ضخم عندما نقوم ببناء أدوات، أو لوحات معلومات، أو أي شيء يعمل فيه المستخدم والوكيل
00:04:41على نفس الكائن. وأخيرًا هو موضوع التدخل البشري، هذا أحد أهم
00:04:47الأجزاء في كل هذا؛ الكثير من الوكلاء، الكثير من عروض الوكلاء التوضيحية يمكن أن تتصرف كما لو أن التجربة الأفضل
00:04:52هي الاستقلالية الكاملة، ولكن هذا ليس صحيحًا دائمًا، أليس كذلك؟ في المنتجات الحقيقية يريد المستخدمون القوة و
00:04:59التحكم؛ التأكيد قبل الإرسال، الموافقة قبل الإنشاء، الاختيار بين الخيارات، كل هذه الأشياء، وCopilot
00:05:05يعطينا أدوات لذلك بالضبط. الآن Copilot ليس الخيار الصحيح للجميع، أليس كذلك؟ إذا قارنته
00:05:10بشيء مثل Vercel AI SDK، فإن Copilot Kit يأتي ببطاريات مشحونة أكثر؛ إذا كنت تريد محادثة متدفقة
00:05:17وواجهة مستخدم توليدية، وحالة مشتركة، وأنماط موافقة بشرية جاهزة خارج الصندوق، فهذا هو ما يقدمه Copilot Kit
00:05:23وهو يقترب من كونه طبقة المنتج الكاملة. Vercel AI SDK أخف، ويمنحك تحكمًا أكثر على مستوى منخفض
00:05:31لذا إذا كنت تريد امتلاك كل جزء من البنية التحتية، فبالتأكيد هذا مناسب بشكل أفضل بكثير. الآن إذا
00:05:38قارنت Copilot Kit ببناء كل شيء بنفسك، فهذا هو المكان الذي يصعب فيه التغلب عليه
00:05:43لأن الجزء الصعب ليس عرض فقاعة محادثة، هذا أصبح الجزء السهل الآن، أليس كذلك؟
00:05:49الجزء الصعب هو كل ما يحيط بذلك. ولكن بالطبع مع أي من هذا هناك مقايضة؛ يمكن أن تشعر
00:05:54بأنها أثقل من حزمة تطوير ذكاء اصطناعي بسيطة، بالطبع أنت تتبنى أنماط Copilot Kit، كما أنه مجاني
00:06:02إلى حد ما. بصراحة إذا كنت تجرب العمل بمفردك، حسنًا، إنه رائع للغاية، لكنه يصبح مزعجًا عندما
00:06:08تريد استخدام هذا على نطاق واسع لأن كل ذلك ليس مجانيًا. أيضًا إذا كنتم تعرفون بديلاً
00:06:14مفتوح المصدر بالكامل لهذا، اتركوا تعليقًا وأخبروني لأنني أبحث عن ذلك بالضبط.
00:06:19مع Copilot Kit تحتاج إلى فهم ما هو مفتوح المصدر، تحتاج إلى فهم ما يحتاج إلى مفاتيح
00:06:25وما هو مستضاف وما هو مدفوع. هذا ليس مجرد هجوم على Copilot ليقول إنه سيء بالكامل، ولكن تحتاج إلى
00:06:32فهم ما هو مجاني وما هو غير ذلك. إذا كنت تحتاج فقط إلى روبوت محادثة أساسي للدعم، فإن Copilot Kit ربما يكون
00:06:38مبالغًا فيه، ولكن إذا كنت تريد شيئًا يعمل بشكل جيد حقًا لتجربة مستخدم معتمدة على الوكلاء، حيث تعمل الوكلاء مع
00:06:44واجهة المستخدم الخاصة بك في حالة تطبيقك، فهذا رائع حقًا. فهل يجب عليك استخدام Copilot Kit؟ حسنًا، جربه إذا
00:06:50كنت تبني ذكاءً اصطناعيًا جادًا داخل التطبيق، خاصة إذا كنت تستخدم React أو Next.js وتريد أن
00:06:56يشعر الذكاء الاصطناعي بأنه جزء من المنتج وليس مجرد لوحة جانبية، هذا رائع حقًا؛ يمكنك تشغيله بسرعة
00:07:02كبيرة جدًا، ومع كل المكونات التي لدينا يجعل من العملي حقًا إسقاطه في سير العمل. إذا كنت
00:07:07قد بنيت بالفعل خاصتك الخاصة للبث، والحالة، واستدعاء الأدوات، وتبديل الواجهة، فقد لا يستحق الأمر العناء، وإذا كانت
00:07:13ميزتك هي حرفيًا مجرد طرح سؤال والحصول على إجابة، فإن Copilot Kit سيكون مبالغًا فيه كثيرًا
00:07:19بالنسبة لذلك، ربما لا تحتاج إلى حزمة واجهة أمامية كاملة للوكلاء، فقط استخدم شيئًا أخف. حسنًا، اشحنها
00:07:25وامضِ قدمًا. إذا كنت تستمتع بأدوات البرمجة كهذه، تأكد من الاشتراك في قناة Better Stack
00:07:30سنراكم في فيديو آخر.
Community Posts
No posts yet. Be the first to write about this video!
Write about this video