One-click install
npx skills add https://github.com/alejandro-technology/react-native-template --skill scalability-patterns
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: scalability-patterns
Source: https://github.com/alejandro-technology/react-native-template/tree/main/.claude/skills/enforcement/scalability-patterns
Command: npx skills add https://github.com/alejandro-technology/react-native-template --skill scalability-patterns

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Enforces scalability patterns to scale a modular React Native template, ensuring consistent boundaries as the project grows.

Core Features & Use Cases

  • Provider Composition Architecture: defines a clear, outer-to-inner provider stack to maintain security, state, theming, and navigation.
  • Module Isolation: promotes independent module folders with domain, infrastructure, application, and UI layers.
  • Configuration Centralization: enables switching service providers and API endpoints from a single config to support multi-environment deployments.
  • New Feature Bootstrapping: simplifies bootstrapping new modules with a repeatable pattern.
  • Use Case: When adding a new feature module, apply these patterns to maintain scalability and maintainability.

Quick Start

Audit your app's provider stack and bootstrapping to align with the provider order and module isolation guidelines.

Frequently Asked Questions about scalability-patterns

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

FAQPage Schema
How do I structure a React Native app for scalability as features grow?

Structure a React Native app for scalability by enforcing module isolation with independent folders containing domain, infrastructure, application, and UI layers to maintain consistent boundaries as the project grows.

What is the correct provider order for a scalable React Native architecture?

The correct provider order follows a clear outer-to-inner stack to maintain security, state, theming, and navigation. This composition architecture ensures predictable dependency management across the application.

How do I add a new feature module to a React Native project without breaking architecture?

Add a new feature module by applying repeatable bootstrapping patterns that enforce module isolation and centralized configuration, ensuring the new feature aligns with existing provider composition and architecture rules.

Can I switch API endpoints and service providers for multi-environment React Native deployments?

Yes, you can switch service providers and API endpoints through configuration centralization. This enables managing multi-environment deployments from a single config without modifying individual modules.

What's the best way to audit an existing React Native project structure for scalability?

Audit your app's provider stack and bootstrapping process to verify alignment with provider order rules and module isolation guidelines, identifying architectural inconsistencies that hinder scaling.

Why does my React Native provider stack cause state or theming issues across modules?

Provider stack issues occur when the outer-to-inner order is inconsistent, disrupting security, state, theming, and navigation boundaries. Enforcing a clear provider composition architecture resolves these cross-module conflicts.