How does this skill improve my workflow?

It improves code quality and consistency by preventing guesswork. By forcing a review of established patterns and existing code before implementation, it reduces errors, aligns new features with project standards, and speeds up the development of complex UIs.

What does the HeroUI Native skill do?

This skill guides Claude to build React Native mobile interfaces using the HeroUI Native component library. It enforces a strict, best-practice workflow that prioritizes referencing official showcases for complex patterns like paywalls and onboarding flows.

When should I use this skill?

Use this skill when you need to implement React Native or Expo mobile screens, create new mobile components, or when your prompt mentions 'heroui-native'. It's essential for building consistent and accurate UIs with this specific library.

What key capabilities does it provide?

The skill can clone up-to-date reference examples, search the codebase for usage patterns, identify the correct showcases for tasks, and provide guidance on composing individual HeroUI Native components according to official examples.

HeroUI Native

Name: HeroUI Native
Author: financialvice

byfinancialvice

Mobile Development

Builds React Native mobile interfaces using the HeroUI Native component library by referencing established implementation showcases.

概要

Provides a standardized workflow for building mobile UIs in React Native and Expo projects using the HeroUI Native component library. This skill enforces a best-practice approach that requires consulting an official example application before implementation. By first reviewing existing showcases for complex patterns like onboarding flows, task lists, and paywalls, it ensures that all new development is consistent, high-quality, and leverages established patterns. It is essential for any task involving the creation or modification of mobile app screens and components with HeroUI Native.

主な機能

Clones up-to-date reference examples before implementation.
References official showcases for complex UI patterns like onboarding and paywalls.
Provides guidance on composing individual HeroUI Native components.
Promotes searching the existing codebase for established usage patterns.
Follows a strict, multi-step implementation workflow.
0 GitHub stars

ユースケース

Building new screens for a React Native or Expo mobile app.
Implementing complex user flows like multi-step onboarding or subscription paywalls.
Creating reusable, custom mobile UI components based on the HeroUI Native library.

概要

主な機能

Clones up-to-date reference examples before implementation.
References official showcases for complex UI patterns like onboarding and paywalls.
Provides guidance on composing individual HeroUI Native components.
Promotes searching the existing codebase for established usage patterns.
Follows a strict, multi-step implementation workflow.
0 GitHub stars

ユースケース

Building new screens for a React Native or Expo mobile app.
Implementing complex user flows like multi-step onboarding or subscription paywalls.
Creating reusable, custom mobile UI components based on the HeroUI Native library.