rn-conventions

Detect React Native project workflows and layouts from repository patterns.

9|1|Updated Jun 16, 2026
One-click install
npx skills add https://github.com/AratKruglik/antigravity-sdlc --skill rn-conventions
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: rn-conventions
Source: https://github.com/AratKruglik/antigravity-sdlc/tree/main/plugins/react-native-plugin/skills/rn-conventions
Command: npx skills add https://github.com/AratKruglik/antigravity-sdlc --skill rn-conventions

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams identify the structure and workflow of a React Native project (Expo managed, Expo dev-client, EAS Build, or bare RN) so they can apply the correct configuration, asset handling, and architectural conventions from the start.

Core Features & Use Cases

  • Detect Expo managed vs bare RN projects and determine the proper app.json / app.config.js settings.
  • Infer project layouts (Expo Router, React Navigation) and suggest or enforce consistent asset, font, and styling patterns (StyleSheet, NativeWind, restyle, styled-components).
  • Provide guidance for onboarding new RN projects, auditing existing repositories for consistency, and aligning CI/CD templates with the detected workflow.

Quick Start

Inspect a repository containing a React Native project with app.json or app.config.js and determine the active workflow and layout to configure navigation, assets, and styling.

Frequently Asked Questions about rn-conventions

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

FAQPage Schema
How do I detect if a React Native project is using Expo managed or bare workflow?

To detect a React Native workflow, inspect the repository for expo/app.config.js patterns and app.json configurations. This Skill classifies projects as Expo managed, Expo dev client, EAS Build, or bare RN based on these specific file patterns.

What React Native styling conventions should I use for my project structure?

React Native styling conventions depend on your detected project structure, which determines appropriate patterns like StyleSheet, NativeWind, restyle, or styled-components. This Skill infers your layout to suggest consistent asset and styling configurations.

How do I configure navigation and assets for an Expo Router project?

Configuring navigation and assets for Expo Router requires identifying the active Expo workflow first. This Skill inspects app.json or app.config.js to determine the workflow and provides guidance on proper layout conventions for routing and asset handling.

Can I audit an existing React Native repository for configuration consistency?

Yes, you can audit an existing React Native repository for consistency by inspecting its structure. This Skill identifies the workflow setup and validates configuration decisions against detected patterns for app.json, styling, and navigation.

Does this work with both Expo dev client and EAS Build setups?

Yes, this works with Expo dev client and EAS Build setups. It identifies and classifies React Native project structures across Expo managed, Expo dev client, EAS Build, and bare RN workflows based on repository patterns.

Why does my bare React Native project need different conventions than Expo?

A bare React Native project needs different conventions than Expo because workflow setups dictate distinct app.json configurations, asset handling, and architectural patterns. This Skill detects the bare RN workflow to apply the correct project guidelines.