astryx

仓库创建 2026年7月27日最近提交 21 小时前SkillHot 收录 16 小时前

这个 Skill 做什么

做 React 应用、后台面板或组件 Demo 时可以直接用 Astryx 提供的一整套组件和主题，省去从头设计常见 UI 元素的时间。Astryx 包含 100+ 可访问组件、品牌级 theming 和内建暗色模式，并支持用 Vite 快速集成。特点是源自 Meta 的实战经验，组件覆盖面广且易定制。

▸ 展开 SKILL.md 英文原文

Meta's open-source Astryx design system — 105+ React components, theming, dark mode. Use when building React UIs, component demos, dashboards, or web apps with Astryx. Covers installation, setup, component availability, and Vite integration.

Stars

Forks

仓库内 Skill

积累中

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/trojan-lord/hermes-cuso/main/skills/creative/astryx/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/trojan-lord/hermes-cuso/main/skills/creative/astryx/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Astryx Design System

Meta's open-source design system — 8 years of internal use, 13,000+ apps at Meta. Now public as `@astryxdesign/core`.

## Overview

- **105+ accessible React components** — buttons, forms, modals, tables, nav, etc.
- **Built on React + StyleX** — but consumers don't need StyleX
- **Brand-level theming** via CSS custom properties
- **Dark mode** built in
- **CLI + MCP** for AI agents to scaffold projects
- **Repo:** `facebook/astryx` on GitHub (★10K+)
- **Docs:** https://astryx.atmeta.com
- **Status:** Beta (v0.1.7 as of 2026-07-21)

## Installation

```bash
npm install @astryxdesign/core @astryxdesign/theme-neutral
```

For a Vite + React project:

```bash
mkdir my-pr

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有