Skills
.Work. You
Rest

mobile-feature

Community

Build robust React Native features, effortlessly.

Authornizarghribi
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Developing React Native features often involves navigating complex patterns for UI, state, internationalization, and navigation, leading to inconsistencies and bugs. This Skill streamlines mobile development by enforcing best practices, ensuring type safety, and promoting a consistent, high-quality user experience.

Core Features & Use Cases

  • React Native Safety Patterns: Prevents common rendering bugs by enforcing safe boolean and array conditionals in JSX.
  • Integrated Internationalization: Ensures all text is translated using @hounii/i18n, supporting multiple languages and preventing hardcoded strings.
  • Universal UI & Navigation: Guides the use of Tamagui for cross-platform UI and Solito for universal navigation, maximizing code reuse between mobile and web.
  • Use Case: Develop a new user profile screen for the mobile app, ensuring all text is translatable, UI components are from Tamagui, and navigation works seamlessly across platforms.

Quick Start

Use the mobile-feature skill to create a new 'settings' screen in the React Native app, including internationalized text and Tamagui UI components.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: mobile-feature
Download link: https://github.com/nizarghribi/hounii-monorepo-first/archive/main.zip#mobile-feature

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository