中文资讯 InfoQ AI Tue, 22 Sep 2026 正文 ok 40 words

Meta 开源 Astryx:面向 Agent 的 React 设计系统

英文标题:Meta 开源 Astryx:面向 Agent 的 React 设计系统

点击查看原文>
打开原文相关 5 · 机会 1
media3.4 KB media108.0 KB media1.4 KB media1.9 KB media794 B media1.3 KB media4.5 MB

中文

Astryx 是 Meta 开源的 React 设计系统,基于 React 19 和 StyleX 构建,提供 150+ 可访问组件、集中化 Design Token 体系及面向工程师与 AI Agent 的 CLI/MCP 工具链。其核心创新在于行为/可访问性逻辑与视觉表现解耦,样式通过 StyleX 编译为确定性原子 CSS。

StyleX 支持编译时类型安全的 xstyle 属性,消除运行时样式冲突。

设计 Token 层统一管控颜色、字体、圆角等视觉变量,支持跨主题高效定制。

组件默认满足 WCAG 2.1 AA 级可访问性要求。

适合前端架构师、UI 组件库开发者、Design System 工程师阅读。

English / 原文

Astryx 是 Meta 开源的 React 设计系统,基于 React 19 和 StyleX 构建,提供 150+ 可访问组件、集中化 Design Token 体系及面向工程师与 AI Agent 的 CLI/MCP 工具链。其核心创新在于行为/可访问性逻辑与视觉表现解耦,样式通过 StyleX 编译为确定性原子 CSS。

StyleX 支持编译时类型安全的 xstyle 属性,消除运行时样式冲突。

设计 Token 层统一管控颜色、字体、圆角等视觉变量,支持跨主题高效定制。

组件默认满足 WCAG 2.1 AA 级可访问性要求。

适合前端架构师、UI 组件库开发者、Design System 工程师阅读。