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.

主な機能

2 GitHub stars
TTI acceleration through cold start measurement and deferred loading strategies
FPS and re-render optimization using atomic state and React Compiler patterns
Bundle size reduction via barrel import elimination and R8/Hermes configuration
Native performance profiling guidance for Xcode Instruments and Android Studio
Memory leak identification and remediation for both JavaScript and native layers

ユースケース

Reducing JavaScript bundle size and app footprint for App Store and Play Store compliance
Optimizing app startup performance to improve user retention and engagement
Debugging slow UI animations and frame drops in complex React Native views

概要

主な機能

2 GitHub stars
TTI acceleration through cold start measurement and deferred loading strategies
FPS and re-render optimization using atomic state and React Compiler patterns
Bundle size reduction via barrel import elimination and R8/Hermes configuration
Native performance profiling guidance for Xcode Instruments and Android Studio
Memory leak identification and remediation for both JavaScript and native layers

ユースケース

Reducing JavaScript bundle size and app footprint for App Store and Play Store compliance
Optimizing app startup performance to improve user retention and engagement
Debugging slow UI animations and frame drops in complex React Native views