skills.rest
vikisingh23
vikisingh23COMMUNITY
Explore all skills by this author →
GitHub

rn-forge

Generate React Native screen modules with React Query, FlatList, and tests.

4|Updated Apr 28, 2026
Search Tags:#typescript#frontend#navigation#react-native#mobile-development#react-query#ui-components
One-click install
npx skills add https://github.com/vikisingh23/neuraforge-ai --skill rn-forge
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: rn-forge
Source: https://github.com/vikisingh23/neuraforge-ai/tree/main/skills/rn-forge
Command: npx skills add https://github.com/vikisingh23/neuraforge-ai --skill rn-forge

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates the rapid creation of production-ready React Native screens and their surrounding architecture, reducing boilerplate and ensuring enterprise-grade patterns are consistently applied.

Core Features & Use Cases

  • Generate Screen + Components + Hooks + Queries + Service + Tests to deliver a complete feature module.
  • Enforce React Query data fetching, FlatList-driven dynamic lists, and StyleSheet.create styling.
  • Handle cross-platform concerns (SafeAreaView, KeyboardAvoidingView, Platform.select) and provide ready-to-run integration with navigation.

Quick Start

Ask it to generate a complete React Native screen module for a feature, including screen, components, hooks, queries, service, and tests.

Frequently Asked Questions about rn-forge

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

FAQPage Schema
How do I generate production-ready React Native screens with React Query and FlatList from a plain prompt?▼

Generate production-ready React Native screens by providing a plain prompt that outputs a complete module with React Query data fetching, FlatList-driven lists, StyleSheet.create styling, and tests.

What is included in a complete React Native screen module architecture?▼

A complete React Native screen module includes the screen UI, cross-cutting components, custom hooks, React Query data fetching, service layers, and ready-to-run tests.

Can I use this to handle cross-platform React Native concerns like SafeAreaView and KeyboardAvoidingView?▼

Yes, React Native screen generation handles cross-platform concerns by applying SafeAreaView, KeyboardAvoidingView, and Platform.select to ensure iOS and Android compatibility.

What's the best way to structure React Native data fetching for leaf-level components?▼

The best way to structure React Native data fetching for leaf-level components is enforcing React Query at the leaf level alongside dedicated service layers for separation of concerns.

Does this React Native generation approach integrate with existing navigation setups?▼

Yes, the React Native generation approach provides ready-to-run integration with navigation setups while strictly enforcing StyleSheet.create for UI styling.

Why use a generator for React Native feature modules instead of manual boilerplate?▼

Using a generator for React Native feature modules automates boilerplate creation and ensures enterprise-grade patterns like React Query and FlatList are consistently applied across mobile app teams.

Related Skills

Explore More Software Engineering Skills→
JubaKitiashviliJubaKitiashvili
41

native-module

Scaffold and review React Native native modules with TypeScript, Swift, and Kotlin bindings.

Community
Advanced
tonone-aitonone-ai
69

touch-feature

Guide mobile feature development across iOS, Android, React Native, and Flutter.

Official
Intermediate
BoykoPetevBoevBoykoPetevBoev

react-query-api-service

Create React Query hooks and service layers for CRUD API data access.

Community
Intermediate
gounthargounthar

expo-router-expert

Configure Expo Router file-based routing with dynamic routes and layouts.

Community
Advanced