React Native Reusables
Agent skill for React Native Reusables — shadcn-style components for React Native (Expo) with Nat…
by hairyf · MIT
The skill
Agent skill for React Native Reusables — shadcn-style components for React Native (Expo) with Nativewind/Uniwind, RN Primitives, and CLI-driven scaffolding.
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 |
| Blocks | Auth blocks, Clerk integration, adding blocks via CLI | features-blocks |
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 |
Use this skill
Connect your agent to the Skill Store MCP server and ask for it by ref: hairyf/react-native-reusables-60333223857.
Details
- Publisher
- hairyf
- Category
- Software Development › Frontend & UI
- License
- MIT
- Updated
- 2026-10-14
References
More from hairyf
- Anime Anime.js v4 - A fast, multipurpose and lightweight JavaScript animation library.
- Antfu Anthony Fu's opinionated tooling and conventions for JavaScript/TypeScript projects.
- Arch Nuxt Lite Vitesse Lite — lightweight Vite + Vue 3 SPA with file-based routing, UnoCSS, VueUse, Vitest.
- Arch Nuxt Module Builder Build and ship Nuxt modules with @nuxt/module-builder.