xaui · Signal Garden

SKILLS & AGENTS/Skill 与 Agent·CLAUDE-SKILL

xaui

rygrams/xaui

70+ 组件共用一套主题，基于 Expo 和 Reanimated 构建70+ components, one theme — a UI library for React Native and the web, built on Expo and Reanimated

一套给React Native和网页用的UI组件库，70多个组件，统一主题。70+ ready-made UI components for React Native and web, sharing one theme and built with Expo and Reanimated.

打开仓库Open repository 官网Homepage

怎么装：Install: npm i @xaui/native

02 / 现在的位置02 / Why now

它现在处在什么位置Where it stands right now

首次发现FIRST SEEN

03 OCT 202603 OCT 2026

增长GROWTH

历史不足Not enough history

只有 1 个快照，还不足以计算增长Only 1 snapshots so far — not enough to compute growth

讨论DISCUSSION

暂无None

还没有采集到外部讨论No external discussion collected yet

状态STATUS

持续活跃Active

质量 A-Quality A-

近 7 天有 65 次提交，项目还在高频迭代，遇到问题更有可能被快速修复。Built on Expo and Reanimated for smooth animations.

03 / 它能帮你做什么03 / What it helps you do

它能帮你做成什么What it helps you do

01
搭出手机和网页都用的界面
02
一套配色管住所有组件
03
让AI照着真实接口写代码
04
旧版组件可并排慢慢迁移
05
用命令装好所有依赖

01
Build interfaces with 70+ pre-built components.
02
Apply a single theme that adapts to light and dark mode.
03
Compose components using slot-based patterns.
04
Import components tree-shakeably from individual paths.
05
Configure the app chrome with the Scaffold component.

04 / 谁在用04 / WHO IT’S FOR

适用人群USE CASES/ USE CASES

这份文档写给谁看Who this documentation is written for谁会真的用上它Who will actually use it

近 7 天有 65 次提交，项目还在高频迭代，遇到问题更有可能被快速修复。

Built on Expo and Reanimated for smooth animations.

前端开发者

React Native developers

目标用户 · 非用户评价Target user · not a testimonial

2026 年 1 月创建，不到一年已经攒了 70+ 组件，覆盖面不小。

Single theme drives every component with light and dark mode derived from brand colors.

独立开发者

Expo users

目标用户 · 非用户评价Target user · not a testimonial

0.9 是全新 API，旧 0.2.x 冻结为 legacy 包并可并行运行，迁入新版不用一次性改完。

Provides a scaffold component that integrates with your existing navigator.

技术创业者

Teams shipping cross-platform UIs

目标用户 · 非用户评价Target user · not a testimonial

不适合谁Not for同样来自文档，不是我们的判断Also from the docs, not our judgement

01不在 React Native 或 React Native Web 上写界面的人用不上这个库。Projects not using Expo or Reanimated
02比较看重组件库稳定性和大规模生产验证的团队，现在 28 个 star 可能还不足以让你放心。Teams wanting a minimal set of UI primitives
03Developers who prefer hand-crafted styles

05 / 安装05 / Install

怎么装How to install

NPM

$

Node 用户的安装方式。The install route for Node users.

NPX

$

README 里给出的安装方式。The installation method given in the README.

两种装法选一个即可 —— 上面那条给命令行用户，下面那条给写代码的用户。Pick one of the two — the first is for command-line users, the second for people writing code.

`npm i @xaui/native`；在 Expo 项目里再跑 `npx expo install react-native-reanimated react-native-worklets react-native-gesture-handler react-native-svg react-native-safe-area-context`。You can install it with npm or pnpm, then add the required native peer dependencies using Expo's npx expo install command. To use it with an AI coding assistant, you also install a skill via npx skills add.

06 / 限制与风险06 / Limits and risk

限制与风险Limits and risk

风险不是警告，是可信度的一部分。以下结论只基于文档静态扫描，我们不会执行项目里的任何代码。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.

限制LIMITS

未知Unknown

01需要 API KeyREQUIRES API KEY: 未在文档中发现Not found in the docs
02需要本地环境NEEDS LOCAL RUNTIME: 未在文档中发现Not found in the docs
03需要 DockerNEEDS DOCKER: 未在文档中发现Not found in the docs
04难度DIFFICULTY: 一键安装One-click install

PROVENANCE · 这些结论的依据是什么Where these conclusions come from

来源 URLSource URL: https://github.com/rygrams/xaui
原始数据哈希Raw data hash: cd0e0bf9e56973b471a2a43cf0f7be7d
解析时间Parsed at: 2026-10-03T11:06:58.813Z
最后一次验证Last verified: 2026-10-03T10:31:51.693Z
增长测量时间Growth measured: 2026-10-03T11:08:26.014Z
发现查询Discovery queries: focus:motion:code:framer-motion
分类来源Category source: rules
焦点Focus: design · motion (8)

完整解析证据 JSONFull parse evidence JSON

{
  "agents": [
    {
      "agent": "claude-code",
      "evidence": "tree: .claude/"
    }
  ],
  "apiKey": null,
  "docker": null,
  "taxonomy": {
    "scores": {
      "design": 3,
      "ai-tools": 1,
      "dev-tools": 1,
      "indie-web": 0,
      "skill-agent": 1,
      "productivity": 1
    },
    "primary": "skill-agent",
    "secondary": "claude-skill"
  },
  "localRuntime": null,
  "skillMdTotal": 21,
  "skillMdErrors": [],
  "treeTruncated": false,
  "categoryScores": {
    "data": 0,
    "agent": 0,
    "media": 0,
    "design": 6,
    "browser": 0,
    "devtool": 1,
    "security": 0,
    "marketing": 0,
    "productivity": 1
  },
  "classification": [
    {
      "signal": "21 SKILL.md with name + description",
      "weight": 0.95
    },
    {
      "signal": "skills/ directory with 10 markdown files",
      "weight": 0.75
    },
    {
      "signal": "README describes a Claude / Agent Skill",
      "weight": 0.7
    }
  ],
  "scannedSources": [
    "readme",
    ".agents/skills/code-review-and-quality/SKILL.md",
    ".agents/skills/code-simplification/SKILL.md",
    ".agents/skills/xaui-component/SKILL.md",
    ".agents/skills/xaui-docs/SKILL.md",
    ".agents/skills/xaui-flow/SKILL.md",
    ".agents/skills/xaui-hybrid/SKILL.md",
    ".agents/skills/xaui-legacy-migration/SKILL.md",
    ".agents/skills/xaui-review/SKILL.md",
    ".agents/skills/xaui-system/SKILL.md",
    ".agents/skills/xaui-theme/SKILL.md",
    ".claude/skills/code-review-and-quality/SKILL.md",
    ".claude/skills/code-simplification/SKILL.md",
    ".claude/skills/xaui-component/SKILL.md",
    ".claude/skills/xaui-docs/SKILL.md",
    ".claude/skills/xaui-flow/SKILL.md",
    ".claude/skills/xaui-hybrid/SKILL.md",
    ".claude/skills/xaui-legacy-migration/SKILL.md",
    ".claude/skills/xaui-review/SKILL.md",
    ".claude/skills/xaui-system/SKILL.md",
    ".claude/skills/xaui-theme/SKILL.md",
    "apps/docs/public/skills/xaui/SKILL.md"
  ],
  "skillMdFetched": 21
}