vercel-react-native-skills

Apply React Native and Expo performance best practices to mobile apps.

Updated Feb 27, 2026
One-click install
npx skills add https://github.com/nawab69/pouch-monorepo --skill vercel-react-native-skills-nawab69
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vercel-react-native-skills
Source: https://github.com/nawab69/pouch-monorepo/tree/main/apps/mobile/.agents/skills/vercel-react-native-skills
Command: npx skills add https://github.com/nawab69/pouch-monorepo --skill vercel-react-native-skills-nawab69

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

React Native and Expo projects often suffer from inconsistent performance, heavy lists, jank during animations, and platform-specific pitfalls. This Skill provides a consolidated set of best practices and rules to optimize rendering, scrolling, and UI patterns across React Native apps.

Core Features & Use Cases

  • Centralized performance guidelines covering list performance, animations, navigation, UI patterns, monorepo workflows, fonts, and images.
  • Clear usage scenarios for building high-performance mobile components, libraries, and apps.
  • Structured methodology to audit, refactor, and standardize cross-project React Native and Expo codebases.

Quick Start

Audit a React Native project for performance best practices and begin applying the documented rules across components, lists, and animations.

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?

To optimize React Native list performance, you should apply centralized rules for list rendering, scroll optimizations, and UI patterns. This involves auditing components and implementing standardized performance guidelines to eliminate scroll jank.

What are the best practices for React Native animations to avoid UI jank?

React Native animation best practices involve applying consolidated rules to optimize rendering and UI patterns. By standardizing animation implementations across your project, you can effectively reduce jank and improve mobile app responsiveness.

How do I audit an Expo project for performance best practices?

You audit an Expo project for performance by applying a structured methodology to review components, lists, and animations. This process identifies performance bottlenecks and applies documented rules to standardize the cross-project codebase.

Can I use this approach to standardize React Native monorepo workflows?

Yes, you can standardize React Native monorepo workflows using these guidelines. The rules catalog covers monorepo-native workflows, enabling consistent implementation and automated discovery for shared component libraries across projects.

When should I refactor React Native components for performance optimization?

You should refactor React Native components when experiencing inconsistent performance, heavy lists, or platform-specific pitfalls. Applying structured performance rules during these refactors ensures consistent rendering and optimized UI patterns.