Can this help with React Native monorepo setup?

Yes, it provides architectural rules for keeping native dependencies in the app package and maintaining dependency version consistency across the monorepo.

Does this skill support Expo-specific features?

Yes, it includes specific guidelines for expo-image, Expo config plugins for custom fonts, and native platform API optimizations.

How does this skill improve mobile list performance?

It enforces the use of Shopify's FlashList for virtualization, mandates component memoization, and provides rules to stabilize callback references to prevent dropped frames.

What animation libraries are prioritized?

The skill focuses on React Native Reanimated, emphasizing GPU-accelerated properties like transform and opacity to ensure smooth 60FPS UI transitions.

React Native & Expo Performance Pro

Name: React Native & Expo Performance Pro
Author: aimi-so

byaimi-so

•

Mobile Development

Optimizes React Native and Expo applications with performance-focused best practices, fluid animations, and native platform integrations.

This skill provides a comprehensive suite of rules and guidelines curated by Vercel for building production-grade mobile applications. It specializes in solving common mobile bottlenecks by implementing critical list virtualization via FlashList, GPU-accelerated animations using Reanimated, and native-first UI patterns. Whether you are debugging scroll lag, configuring complex monorepos, or optimizing state management for the React Compiler, this skill ensures your mobile codebase follows industry-leading standards for speed and maintainability.

主要功能

01Native navigation and UI component implementation strategies

02React Compiler-ready state management and rendering rules

03Monorepo-specific native dependency and configuration management

043 GitHub stars

05Critical list performance optimizations using FlashList and item memoization

06High-performance GPU animation patterns with Reanimated and Gesture Handler

使用场景

01Implementing complex, 60FPS animations and gesture-based interactions

02Scaling React Native applications to handle massive datasets without scroll performance degradation

03Structuring cross-platform mobile apps within complex monorepo environments

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add aimi-so/aimi-engineering-plugin react-native-skills

For use in Claude.ai and ChatGPT

主要功能

01Native navigation and UI component implementation strategies

02React Compiler-ready state management and rendering rules

03Monorepo-specific native dependency and configuration management

043 GitHub stars

05Critical list performance optimizations using FlashList and item memoization

06High-performance GPU animation patterns with Reanimated and Gesture Handler

使用场景

01Implementing complex, 60FPS animations and gesture-based interactions

02Scaling React Native applications to handle massive datasets without scroll performance degradation

03Structuring cross-platform mobile apps within complex monorepo environments

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add aimi-so/aimi-engineering-plugin react-native-skills

For use in Claude.ai and ChatGPT