⚠️

重要前提

安装AI Skills的关键前提是：必须科学上网，且开启TUN模式，这一点至关重要，直接决定安装能否顺利完成，在此郑重提醒三遍：科学上网，科学上网，科学上网。查看完整安装教程 →

React Native Reusables：基于 shadcn/ui 的跨平台移动端 UI 组件库与脚手架工具

react-native-reusables by hairyf/skills

67 周安装量

6 GitHub Stars

GitHub

安装命令

npx skills add https://github.com/hairyf/skills --skill react-native-reusables

UI组件库 React 移动应用

🇨🇳中文介绍

该技能基于 React Native Reusables（文档截至 2026-02-26），生成于 2026-02-26。

React Native Reusables 将 shadcn/ui 的体验带到了 React Native：提供可复制粘贴或通过 CLI 脚手架生成的组件、通过 CSS 变量实现的主题化，以及底层使用的 RN Primitives。它支持 Nativewind 和 Uniwind，需要根 PortalHost 来处理覆盖层，并使用 Text 继承系统和用于 Lucide 图标的 Icon 包装器。

核心参考

主题	描述	参考链接
概述	RNR 是什么，与 shadcn/ui 的区别（门户、无级联、图标等）	core-overview
安装	CLI 初始化与手动设置，添加组件，PortalHost，依赖项	core-installation
自定义	components.json, global.css, tailwind.config, theme.ts

广告位招租

在这里展示您的产品或服务

触达数万 AI 开发者，精准高效

联系我们

主题	描述	参考链接
组件概述	Button, Input, Dialog, 变体, asChild, 复合组件	features-components-overview
文本与图标	TextClassContext 继承，使用 Lucide 的 Icon 包装器	features-text-and-icons
表单与控件	Label, Input, Select, Checkbox, RadioGroup, 复合模式	features-forms-controls
覆盖层与门户	PortalHost, Dialog/Popover/SelectContent, contentInsets	features-overlays-portals
注册表与 CLI	init, add, doctor; 自定义注册表和 registryDependencies	features-registry-cli
区块	认证区块，Clerk 集成，通过 CLI 添加区块	features-blocks

主题	描述	参考链接
添加组件	推荐使用 CLI，PortalHost 放置，路径别名，cn 辅助函数，手动复制	best-practices-adding-components
故障排除	doctor, --log-level all, PortalHost, 别名, 依赖项	best-practices-troubleshooting

🇺🇸English

The skill is based on React Native Reusables (docs as of 2026-02-26), generated at 2026-02-26.

React Native Reusables brings the shadcn/ui experience to React Native: copy-paste or CLI-scaffolded components, theming via CSS variables, and RN Primitives under the hood. It supports Nativewind and Uniwind, requires a root PortalHost for overlays, and uses a Text inheritance system and an Icon wrapper for Lucide.

Core References

Topic	Description	Reference
Overview	What RNR is, differences from shadcn/ui (portals, no cascade, icons, etc.)	core-overview
Installation	CLI init vs manual setup, adding components, PortalHost, dependencies	core-installation
Customization	components.json, global.css, tailwind.config, theme.ts	core-customization

Features

Components and patterns

Topic	Description	Reference
Components overview	Button, Input, Dialog, variants, asChild, compound components	features-components-overview
Text and icons	TextClassContext inheritance, Icon wrapper with Lucide	features-text-and-icons
Forms & controls	Label, Input, Select, Checkbox, RadioGroup, compound pattern	features-forms-controls
Overlays & portals	PortalHost, Dialog/Popover/SelectContent, contentInsets	features-overlays-portals
Registry and CLI	init, add, doctor; custom registry and registryDependencies	features-registry-cli

Best practices

Topic	Description	Reference
Adding components	Prefer CLI, PortalHost placement, path aliases, cn helper, manual copy	best-practices-adding-components
Troubleshooting	doctor, --log-level all, PortalHost, aliases, dependencies	best-practices-troubleshooting

Weekly Installs

Repository

hairyf/skills

GitHub Stars

First Seen

Feb 26, 2026

Security Audits

Gen Agent Trust HubPass SocketPass SnykPass

Installed on

gemini-cli66

codex66

amp66

kimi-cli66

github-copilot66

cursor66

React Native Reusables：基于 shadcn/ui 的跨平台移动端 UI 组件库与脚手架工具

🇨🇳中文介绍

核心参考

相关 Skills

功能特性

组件与模式

最佳实践

🇺🇸English

Core References

Features

Components and patterns

Best practices

最新 Skills