Free/免费
开源
- ✓
150+ 个无障碍组件
- ✓
品牌级主题与深色模式
- ✓
无样式锁定
Astryx
使用 StyleX 构建的 agent 就绪设计系统
Astryx 是什么？
Astryx 是 Meta 开源的设计系统，已为内部超过 13,000 个应用提供支持，现以开源形式开放给所有开发者。它内置 150+ 可访问的 React 组件，全部使用 StyleX 进行样式化，无需额外的构建插件。独特的 "open-internals" 架构允许你直接拆解和提取组件源码，加上严格的 API 一致性，让人类开发者和 AI 编码代理都能无缝协作。
产品详细介绍
使用 StyleX 构建的 agent 就绪设计系统
Astryx 是 Meta 开源的设计系统，已为内部超过 13,000 个应用提供支持，现以开源形式开放给所有开发者。它内置 150+ 可访问的 React 组件，全部使用 StyleX 进行样式化，无需额外的构建插件。独特的 "open-internals" 架构允许你直接拆解和提取组件源码，加上严格的 API 一致性，让人类开发者和 AI 编码代理都能无缝协作。
定价方案
有免费方案创始人评论
M
Maker创始人
嗨，Product Hunt！👋
我们无比激动地向社区分享 Astryx！
在 Meta 过去的八年里，Astryx 已经发展为我们最关键、使用最广泛的设计系统——为超过 13,000 个内部应用提供支持。今天，我们向所有人开放它。
我们构建它的原因：
传统的设计系统常常将组件锁定在僵化、高层次的 API 之后，或迫使你进入严格的样式生态。更重要的是，它们并非为现代工作流而构建——在那些工作流中，AI 代理与人类一同编写代码。Astryx 中的每一个约定都经过精心打磨，以确保人类工程师和 AI 助手都能准确预测、理解并完美使用这些组件。
核心特性：
🤖 面向代理：从底层开始设计，让大语言模型能够阅读文档、预测 props 并搭建 UI 而不会产生幻觉。
🔓 开放内部与组件重写：没有封闭的包装器。需要更深入的定制？您可以直接将组件的完整源代码提取到您的项目中。
🎨 零样式锁定：底层由 StyleX 提供支持，但完全兼容 Tailwind、CSS Modules 或原生 CSS。可以在 className 层面覆盖任何样式。
📦 生产级：内置 150+ 个可访问的、类型化的 React 组件，并附带 7 套精美、可即时定制的主题。
查看我们的代码仓库，试试 CLI（npm run astryx），并告诉我们您的想法！我们非常期待听到您关于今天如何与 AI 工具协作构建界面的反馈。👇
官网信息
公司使命
一个完全可定制的开源设计系统，为我们当下的构建方式而打造——由人类以及与之协作的智能体共同构建
