mobile-perf

Optimizes React Native Expo applications for speed, responsiveness, and battery efficiency. Use when fixing lag, optimizing lists, or reducing bundle size.

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "mobile-perf" with this command: npx skills add dtsvetkov1/agent-rules/dtsvetkov1-agent-rules-mobile-perf

Mobile Performance Skill

This skill focuses on delivering a "butter-smooth" user experience.

Focus Areas

List Optimization: Use LegendList or highly optimized FlatList settings.
Animation Performance: Ensure all animations run on the UI thread using react-native-reanimated.
Image Handling: Use expo-image for caching and performant loading.
JS Bundle Size: Analyze and reduce the size of the JavaScript bundle.
Memory Leaks: Identify and fix component memory leaks or excessive re-renders.

Instructions

Profile: Identify the bottleneck (JS thread vs UI thread).
Optimize Lists: Use removeClippedSubviews, maxToRenderPerBatch, and initialNumToRender.
Memoization: Apply useMemo and useCallback judiciously to prevent unnecessary renders.
Bridge Traffic: Minimize the data sent across the React Native bridge.

Recommended Tools

Flashlight for performance testing.
react-devtools for profiling renders.
expo-bundle-analyzer to check bundle composition.

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Open in GitHub Open in ClawHub

Related Skills

Related by shared tags or category signals.

Automation

opinion-critic

No summary provided by upstream source.

Repository SourceNeeds Review

-3

Automation

api-expert

No summary provided by upstream source.

Repository SourceNeeds Review

-3

Automation

navigation-architect

No summary provided by upstream source.

Repository SourceNeeds Review

-3