mobile-perf

Identify performance bottlenecks in React Native apps via static analysis.

11|Updated Apr 16, 2026

Search Tags:#performance #optimization #audit #react-native #render #flatlist

Ready to run

npx skills add https://github.com/berkcangumusisik/claude-code-practices --skill mobile-perf

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: mobile-perf
Source: https://github.com/berkcangumusisik/claude-code-practices/tree/main/skills/mobile-perf
Command: npx skills add https://github.com/berkcangumusisik/claude-code-practices --skill mobile-perf

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

React Native apps often suffer from performance bottlenecks due to long FlatList render paths, excessive re-renders, and expensive bridge calls. The Skill provides targeted checks to identify FlatList issues, excessive re-renders, and costly native bridge calls.

Core Features & Use Cases

FlatList optimization checks for missing keyExtractor and getItemLayout, suggest memoization etc.
Re-render reduction checks identify unnecessary renders from inline props and improper memo usage.
Bridge call minimization highlights costly JS-to-native operations and how to mitigate. Use cases include: you have a RN app with long lists, animations, etc.

Quick Start

Run the audit against your React Native project to surface performance issues and actionable fixes.

Frequently Asked Questions about mobile-perf

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

FAQPage Schema

How do I identify performance bottlenecks in my React Native app?▼

To identify React Native performance bottlenecks, run a static analysis audit on your TS/JS/TSX sources to surface FlatList rendering issues, excessive re-render hotspots, and expensive bridge call overhead.

What causes unnecessary re-renders in React Native FlatList components?▼

Unnecessary re-renders in React Native FlatList components are caused by inline props and improper memo usage; static analysis checks identify these hotspots and suggest memoization to reduce rendering overhead.

How do I optimize React Native FlatList rendering for long lists?▼

Optimize React Native FlatList rendering by applying audit suggestions like adding keyExtractor and getItemLayout, and implementing memoization to fix long render paths and improve scroll performance.

How can I minimize expensive native bridge calls in my React Native codebase?▼

Minimize expensive native bridge calls in a React Native codebase by running an audit that highlights costly JS-to-native operations, providing actionable mitigation patterns to reduce bridge overhead.

Does this React Native performance audit require any specific dependencies?▼

No specific dependencies are required to run this React Native performance audit; it performs static analysis directly on your TS/JS/TSX source files to safely report performance bottlenecks.

Can I use this audit for static analysis on TypeScript React Native projects?▼

Yes, you can use this audit for static analysis on TypeScript React Native projects because it satisfies requirements for analyzing TS/JS/TSX sources to identify performance bottlenecks across codebases.