AI/智能体/模型工具 · TypeScript

facebook/astryx

面向人和 AI 智能体协作的可定制 React 设计系统

增长榜 #14 已读 README 并重写
增长排名 #14 Fast Growth Top 100
本期热度 Stars 56 OSSInsight 页面展示
Forks 7 榜单记录
Fork / Star 12.5% 社区复用强度

它是什么

Astryx 是一个开源设计系统,不是单纯的组件库;它把组件、主题、模板和 CLI 组织成一套可直接使用的前端搭建体系。README 明确写到它基于 React 和 StyleX,面向“人和与之协作的智能体”一起完成构建。它主要服务工程师、设计师和产品团队,帮助他们在统一的体系里搭建界面。

为什么值得关注

它来自 Meta 内部长期使用的设计系统,README 说明它在公司内已经支撑 13,000+ 应用。榜单上快速增长也说明它正在获得更多关注。

核心能力

  • 150+ 可访问组件,可直接组合使用
  • 品牌级主题定制,支持深度外观调整
  • 内置暗色模式,适配不同显示场景
  • 提供现成模板和 CLI,形成完整工作流

适合谁用

  • 需要统一设计语言的前端团队
  • 想让 AI 智能体参与界面构建的团队
  • 基于 React 的产品和应用开发
  • 希望直接复用现成组件与模板的项目

使用前注意

  • 项目目前标注为 Beta,使用前要按实际场景验证稳定性
  • README 提到不需要 build plugin,也不需要额外引入 styling library
  • 仓库许可证为 MIT,可按开源许可自行评估合规边界
  • 仓库显示 open issues 较多,建议先看当前问题和维护节奏

README 证据

  • README 开头写明“open source design system”“fully customizable”
  • README 写明“built on React and StyleX”
  • README 写明“ships 150+ accessible components”
  • README 写明包含“brand-level theming, dark mode, ready-to-ship templates, and a CLI”