Can it help with monorepo setup?

Yes, it provides guidance on organizing native dependencies and enforcing single-version resolutions across workspaces to prevent build conflicts.

How does this skill help with React Native performance?

It provides Claude with priority-ranked patterns focused on fixing the biggest bottlenecks, specifically list rendering, image caching, and avoiding JS-thread-blocking animations.

Does this skill support Expo?

Yes, it includes specific best practices for Expo apps, including using expo-image for optimized rendering and handling native UI components within the Expo ecosystem.

Why use FlashList over FlatList?

The skill recommends FlashList because it recycles components instead of destroying them, significantly reducing memory usage and TTI (Time to Interactive) for large datasets.

React Native & Expo Performance

Name: React Native & Expo Performance
Author: s-hiraoku

bys-hiraoku

0•

Mobile Development

Optimizes React Native and Expo applications using high-performance patterns for lists, animations, and native navigation.

This skill equips Claude with a specialized knowledge base for building and refactoring high-performance React Native and Expo applications. It prioritizes critical performance areas such as list rendering with Shopify FlashList, GPU-accelerated animations via Reanimated, and native navigation implementation. By following these patterns, developers can eliminate common bottlenecks like scrolling lag and janky UI transitions while ensuring proper monorepo structure and modern UI component usage like Pressable and Native Context Menus.

主要功能

01GPU-only animation patterns with Reanimated and Gesture Handler

020 GitHub stars

03Critical list optimization using FlashList and cell memoization

04Native navigation configuration for stacks and tab bars

05Monorepo dependency management and React Compiler compatibility

06Modern UI pattern implementation including Safe Areas and Native Modals

使用场景

01Optimizing data-heavy lists to achieve 60fps scrolling performance

02Implementing complex gesture-based interactions and smooth UI animations

03Reviewing existing codebases for performance bottlenecks and legacy patterns

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add s-hiraoku/synapse-a2a react-native

For use in Claude.ai and ChatGPT

Download Skill