heroui-native
HeroUI Native component library for React Native (Tailwind v4 via Uniwind). Use when building mobile UIs with HeroUI Native — creating Buttons, Cards, TextFields, Dialogs; installing heroui-native; configuring dark/light themes; or fetching component docs. Keywords: HeroUI Native, heroui-native, React Native UI, Uniwind, mobile components.
Install
With your agent
Install OMGSkills skill "heroui-inc/heroui:heroui-native" into this agent's normal skills directory: call the OMGSkills MCP get_install_plan tool for your agent and run the script it returns (it installs only the pinned commit and verifies SKILL.md), and stop if MCP or the pin is unavailable. Do not overwrite or change existing skills without asking me.
Manual command
git clone https://github.com/heroui-inc/heroui /tmp/heroui && ln -s /tmp/heroui/skills/heroui-native ~/.claude/skills/heroui-native
From README
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. --- --- 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) | | ------------ | -------------------- | ----------------------------------- | | Styling | Tailwind CSS v4 | Uniwind (Tailwind for React Native) | | Colors | oklch format | HSL format | | Package | @heroui/react | heroui-native | | Platform | Web browsers | iOS & Android | Always fetch Native docs before implementing.
