vercel-react-native-skills

Optimize React Native list rendering by applying virtualization rules to ensure only visible items are mounted. This skill provides prioritized guidelines for configuring list components to prevent memory overload and maintain smooth scrolling during AI-assisted code generation and refactoring tasks.

Best practices for Expo animations involve using GPU-accelerated worklets and Reanimated gesture handling. This skill enforces 35+ rules to ensure animations run on the native thread, preventing JavaScript thread bottlenecks and maintaining 60 frames per second during complex gesture interactions.

Fix React Native navigation crashes by replacing JavaScript-based alternatives with native navigators, modals, and menus. This skill provides platform-specific UI patterns and safe area handling rules to ensure native platform behavior and crash-free rendering across iOS and Android.

You can use AI-assisted code review to detect React Native state management bottlenecks by applying this skill's 35+ prioritized rules. It includes impact levels and incorrect versus correct code examples to evaluate efficient state handling and rendering performance during automated reviews.

This React Native performance skill works for both new projects and refactoring tasks. It equips AI agents with a comprehensive rule set to generate performant code from the start or systematically refactor existing components, lists, and animations to resolve stability issues.