vercel-react-native-skills

Codify React Native and Expo performance best practices for mobile apps.

12|1|Updated Feb 4, 2026
One-click install
npx skills add https://github.com/beeman/solana-mobile-monorepo --skill vercel-react-native-skills-beeman
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vercel-react-native-skills
Source: https://github.com/beeman/solana-mobile-monorepo/tree/main/.ruler/skills/vercel-react-native-skills
Command: npx skills add https://github.com/beeman/solana-mobile-monorepo --skill vercel-react-native-skills-beeman

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill consolidates React Native and Expo performance best practices to reduce jank, improve frame rates, and streamline cross-platform mobile development.

Core Features & Use Cases

  • List Performance: rules for virtualization, memoization, and stable data flow to keep long lists smooth.
  • Animation & UI: guidelines for GPU-accelerated animations, gesture handling, and responsive UI.
  • Image & Asset Optimization: best practices for images, caching, and media handling on mobile.
  • Native Modules & Monorepo: strategies for configuring native dependencies and consistent package management.

Quick Start

Use this skill as a reference guide while refactoring a React Native app; start by scanning the AGENTS.md and SKILL.md for a prioritized checklist, then apply the relevant rules to your project.

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 for smooth scrolling?

React Native list optimization involves applying virtualization, memoization, and stable data flow rules to keep long lists smooth and reduce frame drops.

What's the best way to handle animations in Expo without causing jank?

Handling Expo animations without jank requires following GPU-accelerated animation guidelines and proper gesture handling to maintain high frame rates.

How do I improve image caching and asset optimization in React Native?

Improve React Native image caching by applying mobile-specific best practices for asset handling and media caching to streamline cross-platform performance.

Does this React Native performance skill work for monorepo configurations?

Yes, it provides monorepo strategies for configuring native dependencies and ensuring consistent package management across cross-platform mobile projects.

How do I use these Expo performance best practices during a refactoring audit?

Use the skill as a reference guide during refactoring audits by scanning the checklist and applying structured rules and templates for consistent performance improvements.