Astryx

Astryx is Meta's open-source agent-ready design system (Beta): React 19+ and StyleX, with customizable themes, ready templates, plus CLI/MCP so humans and AI agents can scaffold, browse, and theme.

The site says it matured inside Meta for ~eight years across 13,000+ apps, now MIT-licensed in public Beta.

Highlights:

• Docs: https://astryx.atmeta.com — Repo: https://github.com/meta/astryx ;
• Scaffolding, templates, theme generation, agent-ready docs;
• Stack: React 19+, StyleX;
• Status: public Beta — APIs may still shift.

Why it matters

Most design systems assume human designers. Astryx treats CLI/MCP as first-class so agents can explore components, generate themes, and ship page templates — fitting agent-driven frontend work.

Limits

Beta stability is not guaranteed; open-source surface may be a trimmed internal system. Pin versions and try sample templates before production.

1. Open https://astryx.atmeta.com and https://github.com/meta/astryx ;
2. Install the CLI and optionally register MCP with Cursor/Claude;
3. Scaffold a sample app and try themes/templates;
4. Read Beta notes and breaking-change policy before adopting in prod.