重要前提
安装AI Skills的关键前提是:必须科学上网,且开启TUN模式,这一点至关重要,直接决定安装能否顺利完成,在此郑重提醒三遍:科学上网,科学上网,科学上网。查看完整安装教程 →
react-native-reusables by hairyf/skills
npx skills add https://github.com/hairyf/skills --skill react-native-reusables该技能基于 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 开发者,精准高效
| core-customization |
| 主题 | 描述 | 参考链接 |
|---|---|---|
| 组件概述 | 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 |
每周安装量
67
代码仓库
GitHub 星标数
6
首次出现
2026年2月26日
安全审计
安装于
gemini-cli66
codex66
amp66
kimi-cli66
github-copilot66
cursor66
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.
| 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 |
| 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 |
| 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
67
Repository
GitHub Stars
6
First Seen
Feb 26, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
gemini-cli66
codex66
amp66
kimi-cli66
github-copilot66
cursor66
Tailwind CSS v4 + shadcn/ui 生产级技术栈配置指南与最佳实践
2,600 周安装
| Blocks | Auth blocks, Clerk integration, adding blocks via CLI | features-blocks |