vercel-react-native-skills

Enforce performance best practices for React Native and Expo apps.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/Norfolk-Group/H-Analytics --skill vercel-react-native-skills-norfolk-group
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vercel-react-native-skills
Source: https://github.com/Norfolk-Group/H-Analytics/tree/main/.agents/skills/vercel-react-native-skills
Command: npx skills add https://github.com/Norfolk-Group/H-Analytics --skill vercel-react-native-skills-norfolk-group

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

React Native and Expo projects often struggle with performance, maintenance, and consistency. This Skill consolidates proven patterns to help you build faster, more reliable mobile apps.

Core Features & Use Cases

  • List performance optimization guidelines for virtualized lists (LegendList, FlashList) to reduce jank.
  • Animation and UI patterns for smooth, native-feeling apps using Reanimated and GestureDetector.
  • Native navigation, modals, and image optimization techniques (expo-image, Galeria) to improve UX and performance.

Quick Start

Start by applying these best practices to your React Native project to improve performance across lists, animations, and native integrations.

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 optimize React Native list performance and reduce scroll jank?

Optimize React Native list performance by enforcing virtualization guidelines with LegendList or FlashList. This approach reduces memory overhead and rendering bottlenecks, effectively eliminating scroll jank in your mobile app.

What is the best way to build GPU-accelerated animations in Expo?

Build GPU-accelerated animations in Expo using Reanimated and GestureDetector. These libraries provide smooth, native-feeling UI patterns by executing animation logic directly on the native UI thread.

How do I handle image optimization for React Native apps?

Handle image optimization in React Native using expo-image or Galeria. These techniques improve UX and performance by efficiently caching, decoding, and rendering images.

Does this Skill work with both React Native and Expo projects?

Yes, this Skill works with both React Native and Expo projects. It provides performance-oriented best practices covering list virtualization, animations, and native module wiring.

When should I implement native module wiring in my mobile app?

Implement native module wiring when you need to bridge native device features to your React Native app. It ensures safe-area handling and native navigation patterns for a reliable UX.

Why does my React Native app struggle with performance and maintenance?

React Native apps struggle with performance and maintenance when lacking consistent patterns. Applying proven best practices for lists, animations, and native integrations resolves these bottlenecks.