زملاء الذكاء الاصطناعي مثل Dots من OpenAI، وMuse من Meta، وBot من Grok، ما هم في النهاية إلا طريقة لمنح الذكاء الاصطناعي حاسوبًا خاصًا به.
أعدت بناء هذه المنظومة من الصفر، واستغرق الأمر أكثر من ساعتين بقليل. واختصرت العملية كلها في هذا المخطط.
يمكنه حجز تذاكر الطيران، وكتابة رسائل بريد إلكتروني للمورّدين للتفاوض على الأسعار. وإذا واجه معلومات لا يعرفها، يمكنك تولّي التحكم بسطح مكتبه وإدخالها نيابةً عنه. كما يتذكر في المحادثات الجماعية ما تخبره به على الخاص.
يمكنك قراءة هذا المخطط بهذه الطريقة:
في الصف العلوي ثلاث رسومات معمارية. ابدأ بنظرة عامة على النظام في اليسار لترى من يتحدث إلى من.
في الوسط، تتبّع رسالة واحدة لترى كيف تنتقل من مربع الدردشة إلى الذكاء الاصطناعي ثم تعود. وفي اليمين، شاهد سطح مكتبه وتولَّ التحكم به لتعرف كيف ترى شاشته وكيف تتولى زمام الأمور. أما البطاقات الاثنتا عشرة في الأسفل، فتعرض خطوات البناء بالترتيب، من اليسار إلى اليمين ومن الأعلى إلى الأسفل.
للمخطط كله فكرة أساسية واحدة: امنح الذكاء الاصطناعي أولًا مكتبة جاهزة من المكوّنات الأساسية والمهارات والأمثلة الموجودة، ثم دعه ينفّذ الميزات، وبعد أن ينتهي، ينشئ commit. بدءًا من مشروع فارغ، نُعدّ تسجيل الدخول باستخدام Clerk، وقاعدة البيانات باستخدام Neon، وواجهة الدردشة، ثم نضيف عاملًا خلفيًا لا يتأثر بتحديث الصفحة، وحاسوبًا سحابيًا لكل بوت باستخدام Daytona، وأخيرًا ذاكرة المحادثات الجماعية والفوترة ومراقبة الأخطاء باستخدام Sentry. الأمر ليس صعبًا.
إذا أردت البدء بجزء واحد، فانظر إلى الإطار الأخضر أسفل الرسم المعماري: لماذا لا يمكن تشغيل الذكاء الاصطناعي داخل الخادم الخلفي للموقع، ولماذا لا بد من تشغيله في عامل مستقل عديم الحالة؟
التحديثات والأعطال وعمليات النشر تقطع المهام الطويلة، وهذه نقطة لا يمكن تجاوزها في التصميم. وإذا أردت تجنّب بعض العثرات، فألقِ نظرة على العلامات الحمراء: بيئة الاختبار في الخطة المجانية لا تتيح الوصول إلى الإنترنت الخارجي، والذكاء الاصطناعي ينشئ فروعًا بنفسه، وفشل النشر سببه أن أحد القوالب في المهارات، وهو قالب Next.js، عومل على أنه تطبيق ثانٍ.
الخط صغير، كبّره وألقِ نظرة؛ إنه مفيد جدًا. $NVDAB
أعدت بناء هذه المنظومة من الصفر، واستغرق الأمر أكثر من ساعتين بقليل. واختصرت العملية كلها في هذا المخطط.
يمكنه حجز تذاكر الطيران، وكتابة رسائل بريد إلكتروني للمورّدين للتفاوض على الأسعار. وإذا واجه معلومات لا يعرفها، يمكنك تولّي التحكم بسطح مكتبه وإدخالها نيابةً عنه. كما يتذكر في المحادثات الجماعية ما تخبره به على الخاص.
يمكنك قراءة هذا المخطط بهذه الطريقة:
في الصف العلوي ثلاث رسومات معمارية. ابدأ بنظرة عامة على النظام في اليسار لترى من يتحدث إلى من.
في الوسط، تتبّع رسالة واحدة لترى كيف تنتقل من مربع الدردشة إلى الذكاء الاصطناعي ثم تعود. وفي اليمين، شاهد سطح مكتبه وتولَّ التحكم به لتعرف كيف ترى شاشته وكيف تتولى زمام الأمور. أما البطاقات الاثنتا عشرة في الأسفل، فتعرض خطوات البناء بالترتيب، من اليسار إلى اليمين ومن الأعلى إلى الأسفل.
للمخطط كله فكرة أساسية واحدة: امنح الذكاء الاصطناعي أولًا مكتبة جاهزة من المكوّنات الأساسية والمهارات والأمثلة الموجودة، ثم دعه ينفّذ الميزات، وبعد أن ينتهي، ينشئ commit. بدءًا من مشروع فارغ، نُعدّ تسجيل الدخول باستخدام Clerk، وقاعدة البيانات باستخدام Neon، وواجهة الدردشة، ثم نضيف عاملًا خلفيًا لا يتأثر بتحديث الصفحة، وحاسوبًا سحابيًا لكل بوت باستخدام Daytona، وأخيرًا ذاكرة المحادثات الجماعية والفوترة ومراقبة الأخطاء باستخدام Sentry. الأمر ليس صعبًا.
إذا أردت البدء بجزء واحد، فانظر إلى الإطار الأخضر أسفل الرسم المعماري: لماذا لا يمكن تشغيل الذكاء الاصطناعي داخل الخادم الخلفي للموقع، ولماذا لا بد من تشغيله في عامل مستقل عديم الحالة؟
التحديثات والأعطال وعمليات النشر تقطع المهام الطويلة، وهذه نقطة لا يمكن تجاوزها في التصميم. وإذا أردت تجنّب بعض العثرات، فألقِ نظرة على العلامات الحمراء: بيئة الاختبار في الخطة المجانية لا تتيح الوصول إلى الإنترنت الخارجي، والذكاء الاصطناعي ينشئ فروعًا بنفسه، وفشل النشر سببه أن أحد القوالب في المهارات، وهو قالب Next.js، عومل على أنه تطبيق ثانٍ.
الخط صغير، كبّره وألقِ نظرة؛ إنه مفيد جدًا. $NVDAB