Astryx:Meta 开源的设计系统,150 多个组件加 CLI,人和 AI 智能体用同一套工具搭界面

Astryx - Meta 开源设计系统

Meta 把内部用了 8 年的设计系统开源了,名字叫 Astryx。它在 Meta 内部支撑了 1.3 万多个应用,现在以 MIT 协议放出,仓库已有 1.4 万星。系统自带 150 多个无障碍组件、品牌级主题、深色模式、现成模板和一个 CLI,基于 React 19 和 StyleX,目前还是 Beta 阶段,v0.7.10 在 11 月 6 日刚发。

它有三个地方跟常见组件库不太一样:一是内部结构完全开放,组件可以逐层组合,swizzle 命令能把某个组件的完整源码导出到你自己的项目里改;二是不锁定样式,StyleX 只在内部用,你想用 Tailwind、CSS Modules 还是原生 CSS 覆盖都行;三是主题就是一组 CSS 变量,改一套变量就能换整套视觉,不用 fork 源码。

最有意思的是它的定位:API、文档和 CLI 是按「人和 AI 智能体用同一套工具」来设计的,装好 CLI 后,编程智能体也能按同一份文档调用组件、搭模板、换主题。安装很简单:npm install @astryxdesign/core @astryxdesign/theme-neutral @stylexjs/stylex,需要 React 19 以上。要注意图表组件目前还在 canary 阶段,没有稳定版。

相关阅读:BUI:把 Blender 的界面拆出来做成独立 UI 库、Rune:Rust 写的原生 GPU 界面框架。更多细节见 GitHub 仓库与 官方文档站。

来源:GitHub @meta,原文:https://github.com/meta/astryx

请登录后发表评论

    没有回复内容