أعلن إطار الواجهة الأمامية مفتوح المصدر لوكلاء الذكاء الاصطناعي CopilotKit في 7 مايو عن إطلاق Open Generative UI، وهو تنفيذ مفتوح المصدر لميزة Anthropic Claude Artifacts. قام akshay_pachaar بتجميع وشرح التفاصيل، ويتيح إصدار CopilotKit للوكيل توليد HTML/SVG بشكل ديناميكي أثناء التنفيذ، مع عرضها عبر بث تدفقي token-by-token داخل iframe معزول (sandboxed). يمكن للمستخدمين رؤية عملية تجميع الواجهة فورًا دون الحاجة إلى انتظار اكتمال الرد.
قبل Anthropic Claude Artifacts، كانت قدرات الواجهة التوليدية (GenUI) موجودة فقط داخل منتجات Anthropic الخاصة. أما CopilotKit فيطرح النمط نفسه للنظام الخارجي كمصدر مفتوح، ما يجعله قابلاً للدمج في أي تطبيق.
الآلية الأساسية: يقوم الوكيل بتوليد HTML/SVG لحظيًا ثم يقوم ببثها إلى iframe معزول
التصميم التقني لـ Open Generative UI:
لا يعتمد الوكيل على اختيار مكونات جاهزة مُسبقة الصنع، بل يقوم في كل مرة بتوليد أي محتوى بصري من الصفر
يتم بث الإخراج في صورة HTML/SVG token-by-token إلى iframe داخل وضع الحماية (sandbox)
الـ iframe معزول بالكامل، ولا يمكنه الوصول إلى تطبيق الوالد أو إلى DOM أو إلى بيانات المستخدم
حتى إذا ولّد الوكيل وسومًا تالفة أو JavaScript غير متوقع، فلن يتسرّب ذلك خارج الـ iframe
يمكن للمطورين توجيه الوكيل لإنتاج صيغة بصرية محددة عبر “skill prompts” (مثل لوحة معلومات Chart.js مع تسميات المحاور، أو نموذج ثلاثي الأبعاد مع عناصر تحكم في الدوران)
يمثل تصميم وضع الحماية الطريقة القياسية للتعامل مع مخاطر “توليد الوكيل لأي كود برمجي”. إذ يسمح للوكيل بإنتاج كود بحرية مع تقييد نطاق تنفيذه، دون الإخلال بحدود الأمان للتطبيق الرئيسي.
نطاق التوافق: LangGraph / CrewAI / Mastra / Google ADK / AWS Strands
يُبنى Open Generative UI على بروتوكول AG-UI، ويأتي جاهزًا ليعمل مع عدة أطر عمل لوكلاء (Agents) خارج الصندوق:
LangGraph
CrewAI
Mastra
Google ADK
AWS Strands
وفي الوقت نفسه يوفر خادم MCP مستقلًا يمكن إدراجه للاستخدام من خلال Claude Code وCursor أو أي عميل متوافق مع MCP. تتأسس هذه المنظومة بأكملها على إطار CopilotKit للواجهة الأمامية مفتوح المصدر؛ وقد جمع CopilotKit على GitHub أكثر من 30,000 نجمة، كما يوفّر SDK لـ React وNext.js وAngular وVue.
الأهمية لمطوري وكلاء الذكاء الاصطناعي: معيار GenUI عبر الأطر وعبر النماذج
تشير أهمية الإصدار الحالي إلى طبقة تطبيقات وكلاء الذكاء الاصطناعي:
في الماضي كان على المطورين تنفيذ “واجهة UI ديناميكية بأسلوب Claude Artifacts” بأنفسهم داخل تطبيقاتهم
يوفر Open Generative UI خيارًا مفتوح المصدر وقابلًا للتكامل عبر أطر عمل متعددة وعبر نماذج متعددة
يمكن للمستخدمين الاتصال مباشرة عبر خادم MCP وClaude Code وCursor
الأحداث المحددة التي يمكن تتبعها لاحقًا: معدل تبنّي CopilotKit Open Generative UI في مجتمع LangChain/CrewAI، ورد فعل Anthropic الرسمي على “تنفيذ Claude Artifacts كمصدر مفتوح”، وما إذا كانت أطر عمل وكلاء أخرى ستوفر قدرات GenUI مماثلة.
ظهرت هذه المقالة بعنوان CopilotKit يطلق Open Generative UI: تنفيذ Claude Artifacts عبر أطر عمل متعددة للوكلاء لأول مرة على ABMedia سلسلة أخبار السلسلة.
إخلاء المسؤولية: قد تكون المعلومات الواردة في هذه الصفحة من مصادر خارجية ولا تمثل آراء أو مواقف Gate. المحتوى المعروض في هذه الصفحة هو لأغراض مرجعية فقط ولا يشكّل أي نصيحة مالية أو استثمارية أو قانونية. لا تضمن Gate دقة أو اكتمال المعلومات، ولا تتحمّل أي مسؤولية عن أي خسائر ناتجة عن استخدام هذه المعلومات. تنطوي الاستثمارات في الأصول الافتراضية على مخاطر عالية وتخضع لتقلبات سعرية كبيرة. قد تخسر كامل رأس المال المستثمر. يرجى فهم المخاطر ذات الصلة فهمًا كاملًا واتخاذ قرارات مدروسة بناءً على وضعك المالي وقدرتك على تحمّل المخاطر. للتفاصيل، يرجى الرجوع إلى
إخلاء المسؤولية.
