SuperAPI AI 工具集

astryx

前端与建站

查看项目

更新于 10-15 19:53

技能介绍

用途:Astryx 是 Meta 开源的设计系统,用于构建可定制、便于 AI 智能体协作的组件库与界面。基于 React 与 StyleX,强调开放内部结构、无样式锁定和智能体就绪。

主要能力:提供 150+ 可访问的 React 组件、品牌级主题、暗色模式、模板与 CLI;组件在基础层直接导出,便于组合与 AI 理解扩展;支持 swizzle 将组件源码弹出到项目内自定义;不强制构建插件,可搭配 Tailwind、emotion 或原生 CSS。

使用方式:需 React 18+、Node 22+、pnpm 11+。安装:npm install @astryxdesign/core;npm install --save-dev @astryxdesign/cli;npm install --save-dev @astryxdesign/build。启用 Corepack:corepack enable,然后 pnpm install。导入组件:import { Button, TextField, Card, Stack } from '@astryxdesign/core'。主题用 ThemeProvider,支持 light、dark、auto。弹出组件:astryx swizzle Button --path src/components/Button。模板:astryx templates list、astryx templates create form --name MyForm。

适用场景:需要生产级组件库、暗色模式与主题、人类与 AI 共同开发、希望避免样式锁定或需要组件源码自定义的 React 项目。

限制:仅支持 React;简单一次性应用、纯 headless 需求或非 React 项目不适用;当前为 Beta。官方文档 https://astryx.atmeta.com,GitHub https://github.com/facebook/astryx。