Does it improve animation smoothness?

Absolutely. The skill specializes in implementing 60fps animations by leveraging the Native Driver for the standard Animated API and utilizing React Native Reanimated for complex interactions.

Can it help reduce my app's download size?

Yes, it offers strategies for bundle analysis, configuring the Hermes engine, implementing code splitting, and optimizing assets to significantly decrease the final binary size.

How does it help with large lists?

It provides expert configurations for FlatList (initialNumToRender, windowSize) and guides the migration to FlashList for superior view recycling and performance.

What frameworks does this skill support?

This skill is specifically tailored for React Native and Expo applications, providing cross-platform optimization techniques for both iOS and Android.

Mobile Performance Optimizer

Name: Mobile Performance Optimizer
Author: anton-abyzov

byanton-abyzov

•

Mobile Development

Optimizes React Native and Expo applications for peak performance, reduced bundle size, and smooth user experiences.

소개

The performance-optimization skill transforms Claude into a specialized React Native performance engineer capable of diagnosing and resolving common mobile bottlenecks. It provides expert guidance on reducing bundle sizes using Hermes and tree shaking, eliminating UI jank through memoization and list optimization with FlashList, and managing memory to prevent app crashes. Whether you are dealing with slow startup times, unresponsive navigation, or heavy asset loading, this skill offers production-ready implementation patterns for tools like Reanimated, FastImage, and the React DevTools Profiler.

주요 기능

Asset and image optimization including aggressive caching and progressive loading
Bundle size analysis and reduction using source maps and tree shaking
Memory management strategies to detect and resolve leaks in subscriptions and timers
List performance optimization via FlatList, SectionList, and Shopify FlashList
13 GitHub stars
60fps animation implementation using Native Driver and React Native Reanimated

사용 사례

Reducing high bundle sizes for faster App Store and Play Store downloads
Improving app startup time and initial rendering performance on low-end devices
Fixing lag and frame drops in long, data-heavy lists or complex navigations

소개

주요 기능

Asset and image optimization including aggressive caching and progressive loading
Bundle size analysis and reduction using source maps and tree shaking
Memory management strategies to detect and resolve leaks in subscriptions and timers
List performance optimization via FlatList, SectionList, and Shopify FlashList
13 GitHub stars
60fps animation implementation using Native Driver and React Native Reanimated

사용 사례

Reducing high bundle sizes for faster App Store and Play Store downloads
Improving app startup time and initial rendering performance on low-end devices
Fixing lag and frame drops in long, data-heavy lists or complex navigations