简介
Astryx 是 Meta 开源的前端设计系统，在公司内部已经用了八年，是 Meta 使用最广、规模最大的设计系统，支撑超过 13,000 个内部应用。它提供 150 多个符合无障碍规范的 React 组件（其中有一整套聊天界面组件，包括消息气泡、输入框、工具调用展示与引用），配套品牌级主题、深色模式、可直接改的页面模板和一个命令行工具。组件样式由 Meta 自家的 StyleX 编写，但使用者不必接触 StyleX：引入预编译好的 CSS 和带类型的组件即可，不需要配置构建插件，也能继续用 Tailwind、CSS Modules 或普通 CSS 覆盖样式。主题本质上是一组 CSS 变量，设计师可以不改组件源码就换出自己的品牌风格；需要深度改造时，可以把某个组件的完整源码弹出到项目里自己维护。它和普通组件库最大的不同在于把 AI 编程助手当成正式用户来设计：执行 npx @astryxdesign/cli init 会在项目里生成 AGENTS.md 与 CLAUDE.md 速查说明，CLI 可以按需查询组件文档、列出和安装主题，文档首页直接给出一段可以贴进 AI 编程工具的初始化指令，让 Claude Code、Codex 这类 Agent 按统一的命名、属性与组合规则写界面，减少「看起来像样、实际难用」的生成结果。目前处于 Beta，要求 React 19 及以上，GitHub 星标约 1.47 万，2026-11-07 发布 0.7.11，并在近期登上 GitHub 趋势榜。官方来源：https://astryx.atmeta.com/ 、https://astryx.atmeta.com/docs 、https://github.com/meta/astryx （2026-11-08 12:40 Asia/Shanghai 核对）。 定价：完全免费，MIT 协议开源，可商用，无付费版本，币种 USD 记为 $0。
- 1 150+ 组件｜覆盖表单、导航、对话框与命令面板，另有含工具调用、引用与语音输入按钮的聊天组件。
- 2 主题定制｜CSS 变量主题与深色模式，不改源码即可换品牌风格。
- 3 面向 AI 编程｜CLI 生成 AGENTS.md 与 CLAUDE.md，Agent 可按需查文档。
- 4 页面模板｜登录、电商等现成模板，可直接改造上线。
- 5 不绑样式方案｜预编译 CSS 引入即用，可与 Tailwind 等共存，组件源码可弹出自管。
