lms-mobile-performance

Profile and optimize React Native mobile app performance using react-native-performance and Hermes profiler.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/raomanzar/TuitionalLMSMobile --skill lms-mobile-performance
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: lms-mobile-performance
Source: https://github.com/raomanzar/TuitionalLMSMobile/tree/main/.claude/skills/lms-mobile-performance
Command: npx skills add https://github.com/raomanzar/TuitionalLMSMobile --skill lms-mobile-performance

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires react-native-performance, @welldone-software/why-did-you-render, @bam.tech/flashlight, source-map-explorer, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the challenges of measuring, profiling, and tuning mobile app performance, helping developers identify and fix performance bottlenecks.

Core Features & Use Cases

  • Performance Measurement: Uses tools like react-native-performance and Hermes profiler to gather timing and memory data.
  • Profiling and Analysis: Provides workflow guidance for profiling slow screens and understanding JS thread issues.
  • Optimization Tuning: Offers best practices for FlatList optimization, image caching, and bundle size management to improve app responsiveness.
  • Use Case: A developer notices sluggishness in a list view; they use this Skill to profile, analyze, and implement performance improvements on their React Native app.

Quick Start

Use this Skill to measure app startup time and frame rate by integrating react-native-performance markers and running flashlight CI gates for consistent benchmarks.

Frequently Asked Questions about lms-mobile-performance

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

FAQPage Schema
How do I profile a slow React Native screen to find performance bottlenecks?

To optimize FlatList performance, apply best practices for list tuning, image caching, and bundle size management. The Skill mandates measuring frame rates and JS thread issues first to ensure visual smoothness before implementing changes.

What's the best way to reduce React Native bundle size?

The best way to reduce React Native bundle size is to analyze it using source-map-explorer and apply optimization tuning. Measuring the baseline bundle size first ensures you can validate the impact of any code efficiency improvements.

Can I use react-native-reanimated to fix sluggish list view scrolling?

Yes, you can use react-native-reanimated for list tuning to improve visual smoothness in sluggish views. However, you must profile the screen first with tools like Flashlight to understand JS thread issues before tuning animations.

Why am I seeing unsafe code practices warnings when tuning React Native performance?

Warnings about unsafe code practices appear because the optimization process enforces strict rules to prevent them. It mandates measurement before tuning to ensure code efficiency and visual smoothness are not compromised by unsafe modifications.

Does this workflow support measuring app startup time with Hermes profiler?

Yes, the workflow supports measuring app startup time by integrating react-native-performance markers and running Hermes profiler. You can establish consistent benchmarks by running Flashlight CI gates across target devices.