Astryx是Meta开源的React设计系统,源自内部八年实践,支撑13,000+应用。提供150+无障碍组件、主题定制、暗模式、模板及CLI工具,支持无构建插件接入,兼容Tailwind等任意CSS方案,并为AI助手与人设计统一开发体验。

- 项目背景与定位: Astryx在Meta内部发展八年,成为公司最大设计系统,现以Beta版开源,基于React和StyleX构建,强调"为人与协同工作的智能体而设计"。
- 核心特性: 组件可任意层级组合(非封闭顶层API),支持swizzle导出完整源码;StyleX样式对消费者透明,可通过className用Tailwind、CSS模块等覆盖;主题基于CSS自定义属性,无需fork或包装组件。
- 安装与使用: 通过npm/pnpm/yarn安装
@astryxdesign/core、主题包及CLI,仅需CSS导入加主题提供者,无构建插件需求;建议配置npm脚本避免路径错误。
- 包结构: 核心包包括core(组件与主题系统)、cli(文档/模板/代码转换)、build(StyleX构建插件)、theme-*(七种预设主题);lab和vega包尚未发布。
- 设计原则: 能力导向而非强制约束;统一命名/属性/组合规范并充分文档化;人机共用同一套API与工具;所有约定经测试验证并保持迭代。