Meta nyílt forráskódú UI-rendszere, az Astryx, AI-ügynököket szolgál ki

A Meta kiadta az Astryx-et, egy nyílt forráskódú, béta verziójú design rendszert, amely nyolc éven át fejlődött a cégen belül. A React és a Meta saját, fordítási idejű CSS-motorja, a StyleXre épülő rendszer jelenleg tesztelés alatt áll, de már 150 komponenssel rendelkezik.

Ügynök-kompatibilis felület

Az Astryx fő különlegessége, hogy dokumentációja és eszközei AI-ügynökök számára is olvashatók. A komponensek JSDoc annotációkat tartalmaznak, amelyek összetételi tippeket adnak. A fejlesztőknek szánt CLI (Command Line Interface) és a MCP (Model Context Protocol) szerver segítségével az AI-ügynökök képesek felhasználói felületeket generálni, böngészni és dokumentálni. A CLI parancsai egy JSON-alapú, önmagát leíró manifesztben érhetők el, ami megkönnyíti az automatizálást.

Kapcsolódó: Kódoló AI-ügynökök

Testreszabható témák és elrendezés

A rendszer tíz előre elkészített, testreszabható témát kínál, amelyek CSS-változók kaszkádján keresztül működnek. Ez azt jelenti, hogy a komponensek kódjának érintése nélkül változtathatók a stílusok. Az Astryx automatikus, kontextus-tudatos térköz-kompenzációt is használ, ami kiküszöböli a dupla padding problémáját, és egységes rést tart a beágyazott elemek között.

Kapcsolódó: Kódügynökök fejlesztése

Nyílt belső struktúra és könnyű szerkeszthetőség

A Meta nyílt forráskódúvá tette az Astryx belső komponenseit, lehetővé téve a fejlesztők számára, hogy bármilyen szinten összetevőket építsenek. Ha egy komponens majdnem megfelelő, a CLI segítségével ki lehet húzni a forráskódot, szerkeszteni, és a saját projektben használni. A rendszer MIT licenc alatt érhető el, és a kód nagy része TypeScriptben íródott.

Kapcsolódó: AI-kódolók integrációja

Egyszerű telepítés és használat

Az Astryx telepítése Next.js és Tailwind CSS környezetben egyszerű, mivel a rendszer előre elkészített CSS-t biztosít, így nincs szükség build pluginra. A `@astryxdesign/core` és egy téma csomag telepítése után az alkalmazást egy `Theme` providerrel kell becsomagolni. A komponensek ezután közvetlenül használhatók, és a Tailwind bridge segítségével a rendszer tokenjei automatikusan leképeződnek a Tailwind utility classokra.

Kapcsolódó: Vizualizáció nyílt forrással