react-native-reusables

Name: react-native-reusables
Author: hairyf

github.com/hairyfDesign & UI26369 installsUpdated 2w ago

About react-native-reusables

A React Native component reference skill for developers, bringing shadcn/ui-style usage through copy-paste or CLI scaffolding, CSS-variable theming, and RN Primitives.

Key features

01Copy-paste or CLI component setup
02CSS-variable theming
03Built on RN Primitives
04Forms, controls, and overlays
05Component registry and CLI
06PortalHost overlay setup

Use cases

01Initialize the component library and add components
02Customize component themes
03Build forms and selection controls
04Set up Dialog and Popover overlays

Install

Copy the command and run it in a terminal.

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

After installing, type/react-native-reusablesin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

GENERATION.md

references/

best-practices-adding-components.md

best-practices-troubleshooting.md

core-customization.md

core-installation.md

core-overview.md

features-blocks.md

features-components-overview.md

features-forms-controls.md

features-overlays-portals.md

features-registry-cli.md

features-text-and-icons.md

Details

From the project README

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

Comments

Markdown supported