Meta/Astryx：一个完全可定制且专为 AI 助手准备的开源设计系统

项目概述与背景

Astryx 是一个在 Meta 内部经过八年打磨的开源设计系统。它目前是该公司规模最大、使用最广泛的设计系统，支撑着超过 1.3 万个应用程序。该项目基于 React 19+ 和 StyleX 构建，集成了 150 多个无障碍组件、品牌级主题、深色模式、现成模板以及配套的命令行工具。

核心特性

Astryx 的最大亮点在于其开放的内部结构和对 AI 的友好支持。它没有样式绑定，开发者可以自由使用 Tailwind、CSS 模块或原生 CSS 进行样式覆盖。主题通过 CSS 自定义属性进行管理，无需分叉组件源码即可轻松定制。此外，它的 API、文档和命令行工具经过统一设计，让人类和 AI 助手能够遵循完全相同的规范构建界面。

安装与架构

Astryx 要求 React 19 或更高版本。用户可以通过常用的包管理器（如 npm、pnpm 或 yarn）安装核心包、主题和命令行工具。整个项目采用模块化架构，包含核心组件库、CLI 工具以及多款预制主题，能够方便地集成到现有的现代前端开发工作流中。