skills.rest
facu-veron
facu-veronCOMMUNITY
Explore all skills by this author →
GitHub

vercel-react-native-skills

Apply 35+ prioritized rules to optimize React Native and Expo code.

Updated May 11, 2026
Search Tags:#best practices#performance#mobile#react native#expo#lists#reanimated
One-click install
npx skills add https://github.com/facu-veron/delivery-mobile --skill vercel-react-native-skills-facu-veron
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vercel-react-native-skills
Source: https://github.com/facu-veron/delivery-mobile/tree/main/.agents/skills/vercel-react-native-skills
Command: npx skills add https://github.com/facu-veron/delivery-mobile --skill vercel-react-native-skills-facu-veron

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

React Native and Expo applications frequently suffer from performance bottlenecks, rendering crashes, and platform inconsistencies that degrade user experience. This skill delivers a comprehensive, rule-based system for AI agents to generate and refactor code that avoids these pitfalls.

Core Features & Use Cases

  • List Performance: Virtualization strategies, memoization patterns, and image optimization for smooth scrolling through large datasets.
  • Animation & Gestures: Reanimated and Gesture Handler patterns for UI-thread animations and responsive press states.
  • Native Integration: Guidelines for native navigators, modals, menus, and font loading to leverage platform capabilities.

Quick Start

When creating a new product list screen, implement it using FlashList with compressed images and primitive props for memoized list items to maximize scroll performance.

Frequently Asked Questions about vercel-react-native-skills

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

FAQPage Schema
How do I fix React Native list scrolling performance issues?▼

Fix React Native list scrolling performance by applying virtualization strategies with FlashList, compressing images, and using primitive props for memoized list items to ensure smooth rendering through large datasets.

What's the best way to implement React Native animations without runtime crashes?▼

Implement React Native animations without runtime crashes by applying Reanimated and Gesture Handler patterns to execute UI-thread animations and maintain responsive press states across mobile platforms.

Can I use Expo for production-grade native integrations and modals?▼

Yes, Expo supports production-grade native integrations by leveraging native navigators, modals, menus, and font loading guidelines to properly utilize platform-specific capabilities without bottlenecks.

Why does my React Native app suffer from rendering bottlenecks and platform inconsistencies?▼

React Native rendering bottlenecks and platform inconsistencies occur when components lack proper memoization, virtualization, and platform-specific optimizations required for production-grade mobile application performance.

How to refactor React Native components to follow production best practices?▼

Refactor React Native components for production by governing AI-assisted code generation workflows with prioritized rules covering rendering, virtualization, gestures, and platform-specific optimizations to eliminate performance pitfalls.

Related Skills

Explore More Software Engineering Skills→
gajjalaashok75-UIgajjalaashok75-UI
2

react-native-architecture

Design React Native and Expo app architecture with Expo Router and React Query persistence.

Community
Advanced
nimadorostkarnimadorostkar
25

react-native

Optimize React Native and Expo apps with FlashList and native module patterns.

Community
Advanced
julianobarbosajulianobarbosa
7

reviewing-code

Review code for quality, bugs, security issues, and best practices using Codex.

Community
Advanced
dnzengoudnzengou

vercel-react-native-skills

Optimize React Native app performance with list, animation, and UI guidelines.

Community
Advanced