Meta open-sourcuje Astryx: system designu z MCP, który agenci AI mogą samodzielnie czytać
Meta udostępniła open source Astryx — system designu oparty na React i StyleX, wyposażony w CLI oraz serwer MCP. Agenci AI (Claude Code, Copilot, Cursor) mogą przez MCP bezpośrednio odpytywać komponenty, scaffoldować UI i generować dokumentację bez opuszczania narzędzia deweloperskiego.
27 czerwca 2026 Meta ogłosiło otwarcie kodu Astryx — systemu designu rozwijającego się wewnątrz Mety przez osiem lat i zbudowanego na React oraz StyleX (kompilacyjny silnik CSS Mety). W odróżnieniu od tradycyjnych bibliotek komponentów, Astryx jest zaprojektowany przede wszystkim pod agentów AI kodujących UI.
Co wyróżnia Astryx
Projekt dostarcza trzy narzędzia, których tradycyjne systemy designu nie mają:
- CLI — umożliwia tworzenie szkieletów komponentów, generowanie dokumentacji i eksportowanie tokenów w jednym poleceniu.
- Serwer MCP — agenci AI (Claude Code, Cursor, Copilot) mogą przez MCP odpytywać system designu w czasie rzeczywistym, uzyskując maszynowo-czytelny kontrakt dla każdego komponentu.
- JSON manifest — analogiczny do OpenAPI dla backendu: precyzyjny opis wszystkich komponentów CLI, który agent może parsować bez wchodzenia na stronę dokumentacji.
Każdy komponent opatrzony jest adnotacjami JSDoc z podpowiedziami kompozycji, co pomaga modelowi rozumieć nie tylko sygnatury, ale i intencje projektowe.
Funkcje systemu designu
Astryx zawiera ponad 90 komponentów React (według oficjalnej dokumentacji ponad 150), obsługuje 10 gotowych motywów (od default i neutral po gothic, brutalist i y2k) i wprowadza automatyczną kompensację odstępów — mechanizm eliminujący problem podwójnych paddingów bez ręcznych poprawek. Wewnętrzne API są eksportowane i kompozycyjne, co daje więcej elastyczności niż większość enterprise design systemów.
Projekt jest dostępny na licencji open source i możliwy do self-hostingu.