MarkTechPost→ المصدر

Meta تطلق Astryx: نظام تصميم مبني على React يدعم وكلاء الذكاء الاصطناعي وبروتوكول MCP

أطلقت Meta نظام التصميم مفتوح المصدر Astryx المبني على React فوق مكتبة StyleX. أبرز ميزاته واجهة CLI وخادم MCP مدمجان، ما يتيح للمهندسين ووكلاء الذكاء الاصطناعي العمل عبر واجهة API واحدة وبالمكونات نفسها. تطوّر النظام على مدى ثماني سنوات داخل Meta، وهو الآن في مرحلة Beta ويُوزَّع بموجب رخصة MIT. *Meta مصنفة منظمة متطرفة ومحظورة في روسيا.

معالج بواسطة الذكاء الاصطناعي من MarkTechPost؛ بتحرير Hamidun News
Meta تطلق Astryx: نظام تصميم مبني على React يدعم وكلاء الذكاء الاصطناعي وبروتوكول MCP
المصدر: MarkTechPost. كولاج: Hamidun News.
◐ استمع للمقال

أطلقت Meta نظام Astryx، وهو نظام تصميم مفتوح المصدر مبني على React، صُمّم منذ البداية ليعمل فيه المهندسون ووكلاء الذكاء الاصطناعي معًا عبر واجهة API واحدة.

ما هو Astryx

يعتمد Astryx على StyleX، وهي مكتبة لأنماط CSS الثابتة طوّرتها Meta على مدى سنوات. تُحوّل StyleX الأنماط أثناء مرحلة البناء إلى CSS ذري (atomic CSS)، ما يُلغي التبعيات الزائدة في وقت التشغيل (runtime) ويجعل سلوك المكونات أكثر قابلية للتوقع.

ويقوم النظام على تتابع من متغيرات CSS لإدارة السمات. تُحدَّد الألوان والمسافات وأنصاف أقطار الزوايا والخطوط عبر رموز التصميم (design tokens)، ويمكن إعادة تعريفها على أي مستوى من شجرة المكونات. هذا النهج مألوف للمطورين الذين عملوا مع Tailwind أو Radix Themes، لكن Astryx يضيف فوقه طبقة قابلية القراءة الآلية.

تطوّر المشروع ثماني سنوات داخل Meta، وتحوّل تدريجيًا من أداة داخلية إلى منتج عام. وهو الآن في مرحلة Beta ومتاح بموجب رخصة MIT، من دون قيود على الاستخدام التجاري.

واجهة CLI وخادم MCP كمكونين أساسيين

أبرز ما يميّز Astryx عن أنظمة التصميم الأخرى هو واجهة CLI وخادم MCP المدمجان. تأتي معظم مكتبات واجهات المستخدم على شكل حزمة npm مع توثيق: يقرأ المطور ملف README ثم يختار المكوّن ويكتب الشيفرة. أما Astryx فيكسر هذا التسلسل.

تتيح واجهة CLI التعامل مع النظام من الطرفية: تثبيت المكونات، وتحديث الرموز (tokens)، وتوليد قوالب الشيفرة. ويفتح خادم MCP (بروتوكول سياق النموذج، Model Context Protocol) الإمكانات نفسها أمام وكلاء الذكاء الاصطناعي، إذ يحصل Claude أو GPT أو أي أداة أخرى تدعم البروتوكول على واجهة API الخاصة بالنظام وتوثيقه بصيغة قابلة للقراءة الآلية.

والنتيجة الأساسية أن المهندس والوكيل يعملان بالأوامر نفسها، ويحصلان على المكونات نفسها، ويلتزمان بإرشادات التصميم (design guidelines) الموحّدة نفسها. ليس هناك وضع «وكيلي» منفصل، بل نظام واحد مفهوم للطرفين.

  • CLI: تثبيت المكونات وتوليد الشيفرة وتحديث السمات مباشرة من الطرفية
  • خادم MCP: وصول مقروء آليًا إلى واجهة API والتوثيق لوكلاء الذكاء الاصطناعي
  • متغيرات CSS: يغيّر الوكيل السمة بالطريقة نفسها التي يغيّرها بها المصمم، عبر الرموز (tokens)
  • واجهة API موحّدة: نقطة دخول واحدة للإنسان وللوكيل
  • رخصة MIT: بلا قيود، ويمكن استخدامها في المنتجات التجارية

لماذا يحدث هذا الآن

تحوّل بروتوكول سياق النموذج (MCP) خلال الأشهر الأخيرة من معيار تجريبي من Anthropic إلى بروتوكول معتمد فعليًا (de facto) لربط وكلاء الذكاء الاصطناعي بالأدوات الخارجية. وتدعم MCP بالفعل أدوات مثل GitHub Copilot وCursor وClaude Code وعشرات الأدوات الأخرى.

تُضاف تكاملات MCP في معظم المنتجات القائمة فوق بنية جاهزة، أي كإضافة (plugin) تُلحَق لاحقًا. أما Meta فسلكت طريقًا مختلفًا: في Astryx، MCP مدمج منذ البداية، على قدم المساواة مع CLI وStyleX. وهذا يجعل التكامل أنظف وأكثر قابلية للتوقع بالنسبة للوكلاء، الذين لا يتعاملون جيدًا مع الحلول الالتفافية.

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

ماذا يعني ذلك

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

*Meta مصنفة منظمة متطرفة ومحظورة في روسيا.

ZK
Hamidun News
أخبار الذكاء الاصطناعي بدون ضوضاء. اختيار تحريري يومي من أكثر من 50 مصدر. منتج من جمال حميدون، رئيس الذكاء الاصطناعي في Alpina Digital.
✦ Autonomous AI Agents

Delegate Deep Research, Coding & Workflows to an AI Agent

Deploy autonomous multi-step execution with NomadNet Agent (agent.nomadnet.ai) — automated web research, data synthesis, code generation, and complex task orchestration.

Launch NomadNet Agent →NomadNet AI Platform
ما رأيك؟
جارٍ تحميل التعليقات…