skill-rn

Generate production-ready React Native 0.76+ apps with New Architecture and Hermes.

1|Updated Apr 9, 2026
One-click install
npx skills add https://github.com/limit5/OmniSight-Productizer --skill skill-rn
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: skill-rn
Source: https://github.com/limit5/OmniSight-Productizer/tree/main/configs/skills/skill-rn
Command: npx skills add https://github.com/limit5/OmniSight-Productizer --skill skill-rn

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Teams with existing React and TypeScript codebases (such as Next.js web apps and shared component libraries) need a production-ready React Native cross-platform mobile solution that aligns with their existing tech stack, without requiring them to learn a new toolchain like Flutter. This skill eliminates the overhead of building a React Native project from scratch while ensuring it meets all strict mobile framework requirements for platform compatibility, testing, signing, compliance, and app store submission.

Core Features & Use Cases

  • React Ecosystem Alignment: Built for teams already using React, Next.js, and TypeScript, allowing code and component reuse across web and mobile projects.
  • Production-Ready Defaults: Generates a React Native 0.76+ project with New Architecture (Fabric + TurboModules) and Hermes enabled by default, pre-configured for dual iOS and Android builds.
  • Out-of-the-Box Mobile Features: Includes pre-wired support for FCM push notifications, in-app purchases via react-native-iap, Jest unit tests, and Detox end-to-end testing.
  • Full Framework Compliance: Automatically satisfies all P0-P9 mobile framework gates, including platform version pinning, codesign chain placeholders, App Store and Play Store submission metadata, and cross-platform privacy and data safety validation.
  • Use Case: A product team with an existing Next.js dashboard can use this skill to scaffold a companion mobile app that shares UI components and business logic, cutting development time by 60% and ensuring the app is ready for production submission to both app stores.

Quick Start

Use the skill-rn skill to generate a production-ready React Native cross-platform app configured with New Architecture, Hermes, push notifications, in-app purchases, and pre-configured App Store and Play Store submission metadata, customized to your project's package ID and selected feature toggles.

Frequently Asked Questions about skill-rn

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

FAQPage Schema
How do I scaffold a React Native app with New Architecture and Hermes enabled by default?

Scaffold a React Native 0.76+ cross-platform app to automatically enable New Architecture (Fabric renderer and TurboModules) and Hermes by default. This generates a complete project structure configured for production iOS and Android builds without manual configuration overhead.

Can I reuse my existing React and TypeScript codebase for cross-platform mobile development?

Yes, you can reuse existing React and TypeScript codebases for cross-platform mobile development. This approach builds production-ready React Native applications specifically for teams with existing React and Next.js codebases, allowing shared UI components and business logic without adopting alternative toolchains.

What is included in a production-ready React Native 0.76+ project structure?

A production-ready React Native 0.76+ project structure includes pre-configured FCM push notifications, in-app purchases via react-native-iap, Jest unit tests, and Detox end-to-end testing. It also enforces role anti-patterns for code quality and provides dual App Store and Google Play submission metadata.

Does this React Native scaffolding handle App Store and Google Play submission metadata?

Yes, this React Native scaffolding handles App Store and Google Play submission metadata. It automatically satisfies all P0 through P9 mobile framework gates, including dual-host build toolchain support, codesign chain placeholders, and cross-platform privacy and data safety validation for store compliance.

How do I set up testing for a cross-platform React Native mobile application?

Set up testing for a cross-platform React Native mobile application by leveraging the pre-configured Jest unit tests and Detox end-to-end testing included in the scaffolded project. This ensures full framework compliance and validates production code quality across both iOS and Android platforms.

What is the best way to avoid Flutter while building mobile apps from a Next.js web project?

The best way to avoid Flutter while building mobile apps from a Next.js web project is to scaffold a React Native application. This aligns with your existing React and TypeScript tech stack, cutting development time by 60% while ensuring the companion app is ready for production submission to both app stores.