DevelopmentMédio

HeroUI Native Development Guide

porheroui-inc·heroui-inc· v1.0.0 · atualizado em 2026-04-10

Score

HeroUI Native component library for React Native (Tailwind v4 via Uniwind). Use when working with HeroUI Native components, installing HeroUI Native, customizing themes, or accessing component documentation. Keywords: HeroUI Native, heroui-native, React Native UI, Uniwind.

react-nativeui-librarycomponent-libraryheroui-nativeuniwindtailwind-cssmobile-development

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdheroui-native/workflow

Install HeroUI Native: — `npm i heroui-native`

Install Peer Dependencies: — `npm i react-native-reanimated react-native-gesture-handler react-native-safe-area-context @gorhom/bottom-sheet react-native-svg react-native-worklets tailwind-merge tailwind-variants`

Configure `global.css`: — Add `@import` statements for Tailwind, Uniwind, and HeroUI Native.

Wrap App with Providers: — Use `GestureHandlerRootView` and `HeroUINativeProvider` in the app's layout.

Fetch Component Documentation: — Use scripts or MDX URLs to get component details.

Implement Component: — Use compound component patterns and semantic variants.

Test and Verify: — Ensure the component renders correctly and functions as expected on iOS and Android.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

Depende deHeroUI Native Development Guide

100%

Similar aSwiftUI Performance Audit

60%

Similar aArchitecting Flutter Layouts

60%

Árvore do Skill

HeroUI Native Development Guide

heroui-native

Fases Cognitivas5

1.SENSE

2.CONTEXTUALIZE

3.HYPOTHESIZE

4.ACT

5.REFLECT

Triggers9

use HeroUI Native componentsinstall HeroUI Native in React Nativecustomize HeroUI Native themesaccess HeroUI Native component documentationimplement a button with HeroUI Nativecreate a card using HeroUI Nativestyle components with Uniwind in React Nativeintegrate HeroUI Native with Expofetch documentation for HeroUI Native components

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download heroui-native

$ synaptic skills detail heroui-native

$ synaptic skills live heroui-native

Dependências

heroui-native react-native-reanimated react-native-gesture-handler react-native-safe-area-context @gorhom/bottom-sheet react-native-svg react-native-worklets tailwind-merge tailwind-variants uniwind tailwindcss

Links

GitHub Repository