Astryx 是什么？

Astryx 是 Meta 基于 React 和 StyleX 构建的开源设计系统。它包含无障碍组件、品牌级主题、模板、深色模式以及 CLI/MCP 文档。该系统旨在适应你的工作流程，而非强迫你适应它，为人类开发者和 AI 智能体提供定制路径。

适用人群

• 设计工程师 —— 需要开箱即用、内置无障碍支持和主题功能的组件库。
• 产品团队 —— 需要一致、可品牌化的 UI 系统，在快速交付的同时不牺牲质量。
• AI 工具构建者 —— 需要智能体就绪的文档，以及用于脚手架搭建和主题生成的 CLI/MCP 支持。

核心功能

超过 160 个无障碍组件

Astryx 提供大量默认支持无障碍的 React 组件库。每个组件都内置间距、深色模式支持，并通过 StyleX 实现灵活样式，让你专注于构建而非重复造轮子。

品牌级主题

系统提供完全可定制的主题，无需从零开始即可适配你的品牌。主题支持切换、扩展或覆盖，为整个产品提供一致的视觉语言。

面向 AI 智能体的 CLI 和 MCP 支持

Astryx 专为现代开发工作流而设计。你可以通过命令行或 MCP（模型上下文协议）直接搭建项目、浏览模板、生成主题并访问智能体就绪的文档，轻松集成 AI 编程助手。

开箱即用的深色模式

Astryx 的每个组件和主题都原生支持深色模式。无需额外配置或第三方依赖——只需切换主题，整个系统便会自动适配。

亮点

一个你的智能体也能使用的设计系统。

Astryx 是首批将 AI 智能体视为一等用户的开源设计系统之一。通过提供 CLI 工具和 MCP 兼容文档，开发者无需离开终端即可搭建整个页面、生成主题并浏览组件。这将设计系统的采用从手动复制粘贴的工作流转变为自动化、提示驱动的工作流。

值得一试，如果……

你正在构建 React 应用，并希望获得一个开源、无障碍且可主题化的设计系统——同时为 AI 辅助开发做好未来准备。如果你重视深色模式支持、庞大的组件库，以及在不与框架对抗的前提下自定义一切的能力，那么 Astryx 值得你深入了解。