heroui-native
The heroui-native skill provides guidance and documentation for the HeroUI Native component library, which uses Uniwind for React Native development. It assists with component implementation, installation, theming, and accessing documentation via scripts or direct URLs.
Is heroui-native safe to install?
Review the source first: our audit of heroui-native's source files found 10 shell commands, 7 external URLs, file reads and writes (high risk). Every command and URL listed appears verbatim in the skill's source. The skill executes shell commands and performs network requests to fetch documentation and install dependencies.
How we audit skills: our security review methodology.
Who is this skill for?
React Native developers building mobile UIs with HeroUI Native.
What can you do with it?
- Installing the heroui-native library and dependencies
- Configuring Expo projects with Uniwind and HeroUI Native
- Fetching component documentation and examples
- Implementing UI components using compound patterns
- Managing light and dark themes
- Retrieving theme variables
How good is this skill?
Quality score: 5/10. The skill provides clear instructions, specific command examples, and well-defined URLs for documentation retrieval.
What does the skill file contain?
# HeroUI Native Development Guide HeroUI Native is a component library built on **Uniwind (Tailwind CSS for React Native)** and **React Native**, providing accessible, customizable UI components for mobile applications. --- ## Installation ```bash curl -fsSL https://heroui.com/install | bash -s heroui-native ``` --- ## CRITICAL: Native Only - Do Not Use Web Patterns **This guide is for HeroUI Native ONLY.** Do NOT apply HeroUI React (web) patterns — the package, styling engine, and color format all differ: | Feature | React (Web) | Native (Mobile) | | ...
Frequently asked questions
Can I use HeroUI React (web) patterns with HeroUI Native?
No. HeroUI Native requires specific native patterns, including Uniwind for styling, HSL color formats, and the heroui-native package.
How do I access documentation for a specific component?
You can run 'node scripts/get_component_docs.mjs [component-name]' or fetch the MDX file directly from 'https://heroui.com/docs/native/components/{component-name}.mdx'.
What are the core setup requirements for HeroUI Native?
You must use Uniwind, wrap your application with HeroUINativeProvider, and wrap your application with GestureHandlerRootView.
Related skills
shadcn
217.3KDevelopers building UI components and design systems using shadcn/ui
The shadcn skill manages UI components and design systems for projects using the shadcn/ui framework. It provides tools to search, add, debug, and style components, while enforcing strict composition and styling rules based on project-specific configuration.
react-native-best-practices
19.0KReact Native developers and engineers performing performance audits or optimization tasks
A performance optimization guide for React Native applications, providing structured workflows for debugging FPS, TTI, bundle size, memory leaks, and native module performance.
heroui-react
7.7KReact developers building user interfaces with the HeroUI v3 component library
The heroui-react skill provides guidance and automation for building React applications using HeroUI v3, Tailwind CSS v4, and React Aria. It facilitates component installation, documentation retrieval, and implementation of compound component patterns.
react-email
6.0KDevelopers building transactional or marketing emails who want to use React components and Tailwind CSS for styling
React Email provides a framework for building and sending HTML emails using React components. It includes a development server for previewing templates, a library of email-specific components, and an embeddable visual editor.