skills.rest
raphaelmans
raphaelmansCOMMUNITY
Explore all skills by this author →
GitHub

vercel-react-native-skills

Identify and fix performance bottlenecks in React Native and Expo apps.

Updated Feb 28, 2026
Search Tags:#performance#monorepo#animations#best-practices#react-native#expo#lists
One-click install
npx skills add https://github.com/raphaelmans/agent-skills --skill vercel-react-native-skills-raphaelmans
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vercel-react-native-skills
Source: https://github.com/raphaelmans/agent-skills/tree/main/vercel-react-native-skills
Command: npx skills add https://github.com/raphaelmans/agent-skills --skill vercel-react-native-skills-raphaelmans

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

React Native performance best practices and governance for building high-performance mobile apps, enabling teams to implement optimizations consistently.

Core Features & Use Cases

  • Comprehensive guidelines across categories like List Performance, Animation, Navigation, UI patterns, and Monorepo.
  • Practical rules and code examples to improve rendering, scrolling, and visual performance in React Native and Expo apps.
  • Use cases include optimizing FlatList rendering, implementing GPU-friendly animations, standardizing fonts and assets, and aligning native module workflows.

Quick Start

Analyze an existing React Native/Expo project to identify performance bottlenecks and apply the guidelines to refactor components, lists, and animations for smoother UX.

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 performance bottlenecks in React Native and Expo apps?▼

To fix performance bottlenecks in React Native apps, analyze your project to identify rendering and scrolling issues, then apply actionable patterns to refactor components, lists, and animations for smoother UX.

What is the best way to optimize FlatList rendering in React Native?▼

The best way to optimize FlatList rendering is to apply comprehensive list performance guidelines, utilizing practical rules and code examples to improve scrolling performance and reduce rendering bottlenecks in mobile apps.

How do I implement GPU-friendly animations in Expo?▼

Implement GPU-friendly animations in Expo by applying specific animation guidelines that provide practical rules and code examples, ensuring visual performance is optimized for smoother mobile user experiences.

Does this approach support React Native monorepo workflows?▼

Yes, this approach supports React Native monorepo workflows by providing comprehensive guidelines that align native module workflows and standardize assets across categories like UI patterns and monorepo management.

Why does my React Native app have slow scrolling and visual performance issues?▼

Slow scrolling and visual performance issues in React Native occur when components and lists are not optimized; applying targeted guidelines for list performance and GPU-friendly animations resolves these rendering bottlenecks.

Related Skills

Explore More Software Engineering Skills→
fratilanicofratilanico
7

vercel-react-native-skills

Identify React Native performance bottlenecks and apply optimization best practices.

Community
Advanced
idchain-worldidchain-world
16

vercel-react-best-practices

Apply performance best practices to React and Next.js components and pages.

Official
Advanced
J511YJ511Y

vercel-react-native-skills

Provide React Native and Expo best practices for mobile app performance.

Community
Advanced
involvexinvolvex

application-performance-performance-optimization

Coordinate specialized agents to profile, tune, and load test application performance.

Community
Advanced