skills.rest
nizarghribi
nizarghribiCOMMUNITY
Explore all skills by this author →
GitHub

mobile-feature

Enforce React Native safety patterns, i18n, and Expo best practices for mobile features.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/nizarghribi/hounii-monorepo-first --skill mobile-feature
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-feature
Source: https://github.com/nizarghribi/hounii-monorepo-first/tree/main/.claude/skills/mobile-feature
Command: npx skills add https://github.com/nizarghribi/hounii-monorepo-first --skill mobile-feature

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about mobile-feature

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build React Native features with safe conditionals and internationalization?▼

React Native features require enforcing safe boolean and array conditionals in JSX to prevent rendering bugs, combined with i18n-driven text via useTranslation. This Skill applies safety pattern checks and translation integration across feature development, ensuring type safety and consistent user experience.

Can I use Tamagui components with Solito navigation in React Native?▼

Yes. This Skill guides using Tamagui for cross-platform UI and Solito for universal navigation, maximizing code reuse between mobile and web while enforcing best practices for safe feature development.

What's the best way to structure a React Native feature with state management and routing?▼

Use feature-based project structure with persisted Zustand stores including version and migrate logic, Solito navigation for route and screen architecture, and proper exports. This Skill enforces these patterns to prevent common development inconsistencies.

Why do React Native features fail with hardcoded text and unsafe conditionals?▼

Hardcoded text breaks internationalization, and unsafe boolean or array conditionals in JSX cause rendering bugs. This Skill prevents these issues by enforcing i18n-driven text and safe conditional patterns across feature development.

How do I integrate i18n and Tamagui when creating a mobile app screen?▼

Develop screens using Tamagui components from @hounii/ui with all text translated via useTranslation from @hounii/i18n. This Skill enforces this integration pattern for consistent, localized, cross-platform mobile features.

Does this approach work for features spanning mobile and web platforms?▼

Yes. By combining Tamagui UI and Solito navigation, features achieve universal architecture supporting both React Native and web, enabling code reuse while this Skill ensures safety patterns and i18n compliance across platforms.

Related Skills

SHAJAR5110SHAJAR5110

state-management-expert

Configure Redux Toolkit and Zustand stores for TypeScript React apps.

Community
Advanced
jarrodmedranojarrodmedrano
2

solito

Consolidate Solito navigation guidance for Expo and Next.js monorepo projects.

Community
Intermediate
mohitmishra786mohitmishra786

frontend

Develop and refine web user interfaces with React, Next.js, Vue, or Svelte.

Community
Advanced
sernafernandosernafernando
1

zustand-5

Implement Zustand stores, selectors, slices, and persist middleware for React state management.

Community
Intermediate