Meta open-sourced Astryx — a React design system with support for AI agents and MCP

Meta released Astryx — an open-source React design system engineered from the ground up for seamless collaboration between engineers and AI agents through a unified API.

What is

Astryx Astryx is built on top of StyleX — a static CSS styling library that Meta has been developing for several years. StyleX compiles styles at build time into atomic CSS, which eliminates unnecessary runtime dependencies and makes components predictable. The system is built on a cascade of CSS variables for theming.

Colors, spacing, border-radius values, and typography are defined through design tokens that can be overridden at any level of the component tree. This approach is familiar to developers who have worked with Tailwind or Radix Themes, but Astryx adds a layer of machine readability on top. The project has been developing inside Meta for eight years, gradually evolving from an internal tool into a public product.

It is currently in Beta and available under the MIT license — with no restrictions on commercial use.

CLI and MCP

Server as Key Components What sets Astryx apart from other design systems is its built-in CLI and MCP server. Most UI libraries are distributed as an npm package with documentation: a developer reads the README, selects a component, and writes code. Astryx breaks this pattern.

The CLI allows interaction with the system from the terminal: installing components, updating tokens, generating code templates. An MCP server (Model Context Protocol) opens the same capabilities to AI agents — Claude, GPT, or any other tool supporting the protocol receives access to the API and system documentation in machine-readable form. The key consequence: engineers and agents work with the same commands, receive identical components, and follow the same design guidelines.

There is no separate "agent mode" — one system, understandable to both.

• CLI: install components, generate code, update themes directly from the terminal MCP server: machine-readable access to API and documentation for AI agents CSS variables: agents change themes the same way designers do — through tokens Unified API: a single entry point for humans and agents MIT license: no restrictions, can be used in commercial products ## Why This is Happening Now Model Context Protocol has grown over the past few months from Anthropic's experimental standard into a de facto protocol for connecting AI agents to external tools. GitHub Copilot, Cursor, Claude Code, and dozens of other tools already support MCP. Most existing products receive MCP integration on top of their existing architecture — as a plugin added retroactively. Meta took a different path: in Astryx, MCP is built in from the start, on equal footing with CLI and StyleX. This makes integration cleaner and more predictable for agents, which dislike workarounds. For teams already using AI code generation, this means the ability to delegate to an agent not just writing lines of code, but also selecting components, configuring themes, and verifying compliance with guidelines — all within a single tool.

What This Means Astryx is a signal about the direction design systems are moving.

The next generation of UI libraries will be engineered with the assumption that their primary reader will be an agent, not just a developer. Meta, with eight years of internal practice and its own AI infrastructure, took this step first. *Meta is recognized as an extremist organization and is banned in the Russian Federation.