一百五十个组件一套变量：设计系统把人和智能体放到同一份规范下
来源：GitHub — 2026-11-11 · ⭐ 22,178 stars · TypeScript · 今日 +3,111
📋 概述
Astryx 在 Meta 内部长了八年，成为公司里使用最广的设计系统，支撑一万三千多个应用。它把 150 多个无障碍组件、品牌级主题、暗色模式和 CLI 打成一个整体：引入预构建 CSS，用带类型的 React 组件，不需要额外的构建插件或样式库；主题只是一组 CSS 自定义属性覆盖，换皮肤不必 fork 或包装组件源码。
🔑 核心要点
- 组件把内部积木直接导出，需要更深时用 swizzle 把整份源码弹出到项目里自己维护。
- 样式用 StyleX 编写但对使用方透明，可以用 Tailwind、CSS Modules 或原生 CSS 覆盖。
- 主题是一组 CSS 变量覆盖，设计师不用包装组件就能把品牌做得不像默认样式。
- API、文档和 CLI 一起设计，人和 AI 助手查同一份参考、走同一套用法。
💡 金句
一个完全可定制的开源设计系统，为今天的做法而建：由人，以及与他们并肩工作的智能体。
👍 0
👎 0
← 返回 GitHub Trending 首页