Pickastryx: Meta's 8 Years of Expertise: A Design System Built for AI Agents

meta/astryx

·2026.11.07 21:49

An open-source design system validated by its application to over 13,000 apps within Meta over 8 years. It provides over 150 accessible components based on React 19 and StyleX, unifying brand theming, dark mode, and ready-to-use templates into a single system.

What sets it apart from existing design systems is its design for AI agents to write code using the same tools and documentation as developers. Because the API, documentation, and CLI follow consistent rules, AI can easily predict component behavior, and developers can freely customize with existing CSS or Tailwind without additional styling libraries or build plugins.

The internal structure of components is open, allowing you to directly extract and own the source when needed, and reflect your brand identity without forking via CSS custom property overrides. It comes with 7 pre-made themes, making it suitable for design teams to quickly build prototypes or integrate into existing projects.

GitHub
GitHub repository

meta/astryx

An open source design system that's fully customizable and agent ready

TypeScript

This introduction was generated automatically by AI. Check the original for the author's claims and context. Copyright belongs to the original author.

Our guide explains how the AI works. Report errors, attribution issues, or removal requests via Contact.