它是什么
Astryx 是 Meta 开源的一套设计系统（Design System），前身在 Meta 内部演进了八年，支撑过 13000 多个应用，是公司里规模最大、使用最广的 UI 体系。它把 150 多个无障碍组件、品牌级主题、暗色模式、现成模板和一个命令行工具打包成一个整体交付。
和常见组件库不同的是，它基于 React 19+ 与 StyleX 构建，但把样式实现完全「藏」在内部：你只需要引入预编译好的 CSS，然后像用普通 React 组件那样使用即可，不需要配置构建插件，也不需要额外接纳一套样式方案。
核心功能
- 150+ 无障碍组件：表单、导航、弹层、表格等常见界面构件齐备，默认满足可访问性要求。
- 主题即 CSS 变量：一套主题本质就是一组 CSS 自定义属性覆盖，设计师改变量就能做出完全不同品牌观感，不必 fork 源码或层层包裹组件。
- 无样式锁定：内部用 StyleX 编写，对外不强制。你可以继续用 Tailwind、CSS Modules 或普通 CSS，通过
className覆盖样式。 - 开放内部结构：组件按可组合方式拆分，底层积木直接导出；需要深度改造时，
swizzle可把某个组件的完整源码弹出到你的项目里归你所有。 - 为 Agent 而设计：API、文档与 CLI 三者协同设计，人类开发者和 AI 编程助手读的是同一份参考、走的是同一套流程。
- CLI 全局可用：一次全局安装后，
astryx命令在任意目录都能用，各类编码 Agent 也能识别；项目内则自动使用项目自身的版本。
适用场景
- 需要快速搭建一套风格统一、可换肤的中后台或 SaaS 产品前端。
- 团队想用现成设计系统，但又担心被组件库的样式方案绑死，后续难以迁移。
- 设计团队希望不写组件代码就能定义品牌主题，与前端协作更顺滑。
- 已经在用 AI 编程助手做前端开发，希望助手能准确按规范产出界面代码。
上手建议
项目目前处于 Beta 阶段，要求 React 19 或更高版本。最省事的做法是安装核心包、一个主题包与 StyleX 运行时，再装 CLI 作为开发依赖；同时建议全局装一份 CLI，这样在任意目录下编码助手都能查到 Astryx 的用法。配置上不需要 PostCSS 或 Babel，几个 CSS import 加一个 ThemeProvider 就能跑起来。
落地时先挑一个中小型内部页面做试点，用 swizzle 改造一两个关键组件，确认团队能接受这种「可弹出源码」的协作方式，再逐步推广到主站。文档、Storybook 与在线 Sandbox 都可以直接访问，改主题前先在里面试色板会更稳妥。
