أتاحت Meta شيفرة Astryx — نظام تصميم React مع دعم لوكلاء AI وMCP

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

ما هو

Astryx يتم بناء Astryx على StyleX — وهي مكتبة أنماط CSS ثابتة كانت Meta تطورها لعدة سنوات. يقوم StyleX بترجمة الأنماط وقت البناء إلى CSS ذري، مما يلغي التبعيات غير الضرورية في وقت التشغيل ويجعل المكونات يمكن التنبؤ بها. يستند النظام إلى مجموعة من متغيرات CSS للمواضيع.

يتم تحديد الألوان والمسافات وقيم border-radius والطباعة من خلال رموز التصميم التي يمكن تجاوزها على أي مستوى من شجرة المكونات. هذا النهج مألوف للمطورين الذين عملوا مع Tailwind أو Radix Themes، لكن Astryx يضيف طبقة من قابلية القراءة الآلية في الأعلى. تم تطوير المشروع داخل Meta لمدة ثماني سنوات، متطورًا تدريجيًا من أداة داخلية إلى منتج عام.

وهو حاليًا في مرحلة الإصدار التجريبي ومتاح بموجب ترخيص MIT — بدون قيود على الاستخدام التجاري.

واجهة سطر الأوامر وخادم MCP كمكونات رئيسية ما يميز

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

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

لا توجد "وضع وكيل" منفصل — نظام واحد مفهوم للطرفين. واجهة سطر الأوامر: تثبيت المكونات، توليد الكود، تحديث المواضيع مباشرة من المحطة الطرفية خادم MCP: الوصول القابل للقراءة الآلية إلى واجهة برمجية التطبيقات والتوثيق للوكلاء الذكيين متغيرات CSS: يغير الوكلاء المواضيع بنفس طريقة مصممي الجرافيكس — من خلال الرموز واجهة برمجية موحدة: نقطة دخول واحدة للبشر والوكلاء * ترخيص MIT: بدون قيود، يمكن استخدامه في المنتجات التجارية ## لماذا يحدث هذا الآن نما بروتوكول سياق النموذج على مدار الأشهر القليلة الماضية من معيار Anthropic التجريبي إلى بروتوكول فعلي لربط الوكلاء الذكيين بالأدوات الخارجية. يدعم GitHub Copilot و Cursor و Claude Code وعشرات الأدوات الأخرى بالفعل MCP.

تتلقى معظم المنتجات الموجودة تكاملاً مع MCP فوق معمارياتها الموجودة — كمكون إضافي تم إضافته بأثر رجعي. سلكت Meta مسارًا مختلفًا: في Astryx، يتم دمج MCP منذ البداية، على قدم المساواة مع واجهة سطر الأوامر و StyleX. وهذا يجعل التكامل أنظف وأكثر قابلية للتنبؤ بالنسبة للوكلاء، الذين لا يحبون الحلول البديلة.

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

ما يعنيه هذا

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