How do I install the Hero UI Native skill?

Run npx skillmds@latest add justbecauselabs/hero-ui-native in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Hero UI Native safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Hero UI Native?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Hero UI Native free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Hero UI Native?

justbecauselabs (@justbecauselabs) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Hero UI Native by justbecauselabs — Agent Skill

Name: Hero UI Native
Author: justbecauselabs

File contents

HeroUI Native

Overview

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

Usage

Identify whether the request is setup, theming/styling, or component-specific.
Use references/introduction.md or references/quick-start.md for onboarding and installation.
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.
Use references/design-principles.md for product guidance and references/llms-txt.md or references/mcp-server.md for AI tooling.
Before using Dialog for a screen-sized flow, read references/dialog.md and apply its Dialog-versus-route boundary.
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

---name: hero-ui-nativedescription: 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.---# HeroUI Native## OverviewUse this skill to choose and configure HeroUI Native components and providers, and to reference component APIs and theming tokens.## Usage1. 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 DirectoryAll 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`

Frequently asked questions

Hero UI Native