via MarkTechPost
Meta’s Astryx Brings a CLI and MCP Server to an Open-Source React Design System Agents Can Read
Meta has released Astryx, an open-source design system now in beta that evolved within the company’s monorepo over eight years. Built on React and StyleX—Meta’s compile-time CSS engine—Astryx is designed to be agent-ready, offering a CLI and Model Context Protocol (MCP) server that enable AI agents to scaffold and document user interfaces programmatically.
## TL;DR
- Astryx is Meta’s open-source, agent-ready React design system, now in beta.
- It pairs StyleX styling with a CSS-variable theme cascade and ten built-in themes.
- A CLI and MCP server allow AI agents to scaffold and document UIs.
- Production-tested inside Meta but young as a public project (2026).
## What Is Astryx?
Astryx is both a component library and an integrated system for building consistent, accessible React interfaces. It leverages StyleX for deterministic, performant styling at compile time and uses a CSS-variable-based theme cascade to support ten distinct themes out of the box. The system’s standout feature is its developer experience tooling: a command-line interface (CLI) and an MCP server that expose design system primitives to AI agents, enabling them to generate UI code, documentation, and component previews autonomously.
Originally developed internally at Meta over eight years, Astryx is now available as a public beta. While it is production-hardened within Meta, the external community should expect an evolving API and documentation as the project matures in 2026. The inclusion of AI-friendly interfaces positions Astryx as a forward-looking choice for teams integrating agentic workflows into their frontend development pipelines.