Is this skill compatible with Expo projects?

Yes, the guidelines cover Expo-specific optimizations, including SDK-specific features like tree shaking and Hermes configurations for modern Expo workflows.

What is the best way to optimize app startup time (TTI)?

This skill suggests disabling JS bundle compression on Android to enable Hermes mmap, using native navigation, and deferring non-critical work with InteractionManager.

Does it support native-level profiling?

Absolutely. It includes guidance for using Xcode Instruments on iOS and Android Studio CPU Profiler to identify performance bottlenecks within the native threading model.

How does this skill improve React Native FPS?

It provides patterns for reducing re-renders through atomic state management and recommends swapping ScrollView for high-performance alternatives like FlashList or FlatList.

Can it help reduce my mobile app bundle size?

Yes, it offers specific strategies for tree shaking, analyzing JS bundles with source-map-explorer, and optimizing native assets to significantly decrease the final binary size.

React Native Performance Expert

Name: React Native Performance Expert
Author: pyinx

bypyinx

•

Mobile Development

Optimizes React Native applications for peak performance by providing expert guidelines for FPS, startup time, bundle size, and memory management.

This skill integrates comprehensive React Native performance optimization guidelines based on industry-standard practices from Callstack's 'Ultimate Guide to React Native Optimization'. It empowers Claude to diagnose and resolve common mobile app bottlenecks such as UI jank, slow Time to Interactive (TTI), excessive bundle sizes, and memory leaks. By applying specific patterns for Hermes optimization, JS thread management, and native module efficiency, it ensures React Native applications achieve production-grade performance across both iOS and Android platforms.

Key Features

012 GitHub stars

02TTI acceleration through cold start measurement and deferred loading strategies

03FPS and re-render optimization using atomic state and React Compiler patterns

04Bundle size reduction via barrel import elimination and R8/Hermes configuration

05Native performance profiling guidance for Xcode Instruments and Android Studio

06Memory leak identification and remediation for both JavaScript and native layers

Use Cases

01Reducing JavaScript bundle size and app footprint for App Store and Play Store compliance

02Optimizing app startup performance to improve user retention and engagement

03Debugging slow UI animations and frame drops in complex React Native views

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add pyinx/ceo-skills-plugin react-native-best-practices

For use in Claude.ai and ChatGPT

Download Skill