Meta'dan Astryx: Yapay Zekaya Hazır Açık Kaynak Tasarım Sistemi
Meta'nın açık kaynak Astryx tasarım sistemi, React ve StyleX ile 150+ bileşen, tema desteği ve CLI sunuyor; hem geliştiriciler hem AI ajanları için tasarlandı.
Meta içinde sekiz yıl boyunca geliştirilen Astryx, artık açık kaynak olarak yayınlandı ve şirket içinde 13.000'den fazla uygulamada kullanılan en büyük tasarım sistemi konumuna ulaşmış durumda. Beta aşamasındaki sistem, React ve StyleX üzerine kurulu; 150'den fazla erişilebilir bileşen, marka düzeyinde temalar, karanlık mod, hazır şablonlar ve bir CLI aracını tek bir bütün halinde sunuyor. Geliştiriciler önceden derlenmiş CSS ile tipli React bileşenlerini doğrudan içe aktarabiliyor, ek bir build eklentisine ya da stil kütüphanesine ihtiyaç duymuyor.
Astryx'i ayırt eden temel özellik, kapalı bir üst seviye API yerine açık iç yapı sunması: bileşenler her seviyede birleştirilebiliyor, gerektiğinde 'swizzle' komutuyla bir bileşenin tüm kaynak kodu projeye taşınıp özelleştirilebiliyor. Stil altyapısı StyleX olsa da bu tercih tüketiciye görünmüyor; Tailwind, CSS modülleri veya düz CSS ile override edilebiliyor. Temalar ise CSS custom property setleri olarak tanımlandığından, tasarımcılar bileşen kaynağını fork'lamadan veya sarmalamadan kendi marka kimliklerini uygulayabiliyor.
Projenin öne çıkan vurgusu, hem insan geliştiricilerin hem de yapay zeka asistanlarının aynı API, dokümantasyon ve CLI üzerinden çalışacak şekilde tasarlanmış olması. Ekip, AI için kolaylaştırılan her değişikliğin insanlar için de kolaylaştığını belirtiyor. Sistem; temel bileşenler, desenler (tablo sayfaları, form sihirbazları, navigasyon akışları gibi) ve yedi hazır tema (neutral, butter, chocolate, matcha, stone, gothic, y2k) içeriyor; grafik paketleri ise henüz canary etiketiyle deneysel aşamada.