Meta Open-Sources Astryx, a React Design System Engineered for AI Agents
Astryx turns design systems into machine-readable infrastructure: agents that read the CLI-generated guides produce consistent UI, cutting the mismatched buttons and broken APIs that plague vibe-coded front ends.
Meta has open-sourced Astryx, a design system that spent eight years serving 13,000+ internal applications before being rebuilt on React 19 and StyleX and released under MIT. It ships 150+ accessible components, seven preset themes, page templates, and a companion CLI. The system is deliberately structured for AI agents: its `init` command writes component indexes and usage guidelines into project files like AGENTS.md, so agents read the rules instead of guessing component APIs.
Astryx also provides a `swizzle` command that exports a component's full source into a project, letting teams escalate from default styling to full control. Theming is decoupled via CSS custom properties, and pattern layers cover dashboards, forms, and detail pages. The project remains in beta and requires React 19, so production adoption should start with compatibility checks.
The CLI's init step treats AGENTS.md as a system prompt for UI generation, a more structured way to feed design rules to an agent than pasting docs into a prompt.
Swizzle's source export gives teams an escalation path from theme tweaks to full ownership, directly addressing the classic reuse-versus-control tension in component libraries.
Astryx introduces 'Vibe Tests' as a new evaluation metric for design systems: whether an AI can correctly combine components, not just whether a human likes the visual result.