[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"aihot-art-97882":3},{"itemId":4,"vertical":5,"category":6,"source":7,"score":8,"title":9,"summary":10,"analysis":11,"url":12,"coverUrl":13,"direction":13,"marketSignal":13,"publishedAt":14},"97882","ai","产品发布\u002F更新","MarkTechPost",63,"Meta 开源 Astryx：面向智能体的 React 设计系统，含 150+ 组件、七种主题和 CLI","Meta 开源了面向智能体的 React 设计系统 Astryx，包含 150 多个组件、七种主题和 CLI。","Meta 开源了内部使用八年的设计系统 Astryx，专为人类与 AI 智能体协作构建，提供 150+ 可访问组件、七种主题和 CLI 工具。\n· 系统基于 React 和 StyleX，无需额外构建插件或样式库，直接导入预构建 CSS 和类型化组件即可使用。\n· 通过“主题”与“组件”分离设计：主题仅覆盖 CSS 自定义属性（颜色、字体、间距等），设计师无需修改组件源码即可换肤。\n· 架构分三层：基础（排版、色彩、布局）、组件（150+ 可复用构建块）、模式（表格页、表单向导等常见工作流解决方案）。\n· 支持“swizzle”机制，允许将组件完整源码弹出到项目中完全掌控；样式可被 Tailwind、CSS Modules 等覆盖。\n· 设计原则强调“指导而非强制”“强文档化约定”“一套系统服务人类与 AI”“用度量验证约定”。\n影响\u002F看点：Astryx 解决了设计系统“千篇一律”与“碎片化”的矛盾，尤其为 AI 智能体提供一致的操作界面，可能成为多智能体应用的标准 UI 框架。","https:\u002F\u002Fwww.marktechpost.com\u002F2026\u002F07\u002F21\u002Fmeta-open-sources-astryx-an-agent-ready-react-design-system-with-150-accessible-components-seven-themes-and-a-cli\u002F",null,"2026-07-21 16:49:55"]