# Hero UI Native

> HeroUI Native component system guidance. Use when composing React Native UI with HeroUI Native components, configuring providers, referencing theme tokens, or looking up component APIs.

- Skill: `justbecauselabs/hero-ui-native` (Agent Skill, multi-file: 43 files)
- Install (CLI): `npx skillmds@latest add justbecauselabs/hero-ui-native`
- Raw SKILL.md: https://api.skillmd.com/api/skills/justbecauselabs/hero-ui-native/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: justbecauselabs (https://skillmd.com/u/justbecauselabs)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/justbecauselabs/hero-ui-native

---


# HeroUI Native

## Overview
Use this skill to choose and configure HeroUI Native components and providers, and to reference component APIs and theming tokens.

## Usage
1. Identify whether the request is setup, theming/styling, or component-specific.
2. Use `references/introduction.md` or `references/quick-start.md` for onboarding and installation.
3. Use `references/config.md` for provider setup, `references/theming.md` for tokens, and `references/colors.md`/`references/styling.md`/`references/animation.md`/`references/composition.md` for UI patterns.
4. Use `references/design-principles.md` for product guidance and `references/llms-txt.md` or `references/mcp-server.md` for AI tooling.
5. Before using `Dialog` for a screen-sized flow, read `references/dialog.md` and apply its Dialog-versus-route boundary.
6. Load only the component docs you need.

## Reference Directory
All reference files live directly in `references/`:
- `references/accordion.md`
- `references/animation.md`
- `references/avatar.md`
- `references/bottom-sheet.md`
- `references/button.md`
- `references/card.md`
- `references/checkbox.md`
- `references/chip.md`
- `references/colors.md`
- `references/composition.md`
- `references/config.md`
- `references/design-principles.md`
- `references/description.md`
- `references/dialog.md`
- `references/divider.md`
- `references/error-view.md`
- `references/form-field.md`
- `references/input-otp.md`
- `references/introduction.md`
- `references/label.md`
- `references/llms-txt.md`
- `references/mcp-server.md`
- `references/popover.md`
- `references/pressable-feedback.md`
- `references/pattern-chat.md`
- `references/pattern-dashboard.md`
- `references/pattern-form-validation.md`
- `references/pattern-form.md`
- `references/quick-start.md`
- `references/radio-group.md`
- `references/scroll-shadow.md`
- `references/select.md`
- `references/skeleton-group.md`
- `references/skeleton.md`
- `references/spinner.md`
- `references/styling.md`
- `references/surface.md`
- `references/switch.md`
- `references/tabs.md`
- `references/text-field.md`
- `references/theming.md`
- `references/toast.md`