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