Toolverse
All skills
Mobile

heroui-native

by heroui-inc

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.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
heroui-inc
Category
Mobile
Views
29
GitHub repo

About this skill

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.

How to use

  1. Zainstaluj pakiet heroui-native w swoim projekcie React Native – będzie to Twoja główna biblioteka komponentów UI zamiast wersji webowej @heroui/react.
  2. Importuj komponenty bezpośrednio z heroui-native, na przykład Button czy inne elementy interfejsu – pamiętaj, że to są komponenty natywne, nie webowe.
  3. Unikaj wzorców z HeroUI React (web) – nie używaj plików CSS, nie importuj stylów z @heroui/react, nie opieraj się na oklch. Zamiast tego opieraj się na Uniwind i HSL.
  4. Definiuj style komponentów za pomocą semantycznych wariantów (primary, secondary, tertiary) zamiast opisów wizualnych – to jest preferowany sposób w Native.
  5. Gdy potrzebujesz dostosować temat lub znaleźć dokumentację konkretnego komponentu, zawsze sięgnij po dokumentację HeroUI Native, a nie webową – różnice są znaczące.
  6. Testuj komponenty na rzeczywistych urządzeniach lub emulatorach iOS i Android, aby upewnić się, że działają prawidłowo w obu systemach.

Related skills

liquid-glass-developer

by anyproto

Context-aware routing to iOS 26 Liquid Glass implementation patterns. Use when working with glass effects, GlassEffectContainer, morphing transitions, or iOS 26 visual effects.

Mobile
2061

swift-best-practices

by sammcj

This skill should be used when writing or reviewing Swift code for iOS or macOS projects. Apply modern Swift 6+ best practices, concurrency patterns, API design guidelines, and migration strategies. Covers async/await, actors, MainActor, Sendable, typed throws, and Swift 6

Mobile
36140

mobile-design

by sickn33

Mobile-first design and engineering doctrine for iOS and Android apps. Covers touch interaction, performance, platform conventions, offline behavior, and mobile-specific decision-making. Teaches principles and constraints, not fixed layouts. Use for React Native, Flutter, or

Mobile
6091

openscad

by mitsuhiko

Create and render OpenSCAD 3D models. Generate preview images from multiple angles, extract customizable parameters, validate syntax, and export STL files for 3D printing platforms like MakerWorld.

Mobile
4291

kotlin-multiplatform

by vitorpamplona

Platform abstraction decision-making for Amethyst KMP project. Guides when to abstract vs keep platform-specific,\nsource set placement (commonMain, jvmAndroid, platform-specific), expect/actual patterns. Covers primary targets\n(Android, JVM/Desktop, iOS) with web/wasm future

Mobile
15105

godot

by bfollington

This skill should be used when working on Godot Engine projects. It provides specialized knowledge of Godot's file formats (.gd, .tscn, .tres), architecture patterns (component-based, signal-driven, resource-based), common pitfalls, validation tools, code templates, and CLI

Mobile
547680