skills.rest
cgRGM
cgRGMCOMMUNITY
Explore all skills by this author →
Website𝕏@c_g_stewartGitHub

vercel-react-native-skills

Review React Native and Expo code for performance, UI, and architecture gaps.

1|Updated Oct 10, 2025
Search Tags:#performance#navigation#react-native#state-management#expo#reanimated
One-click install
npx skills add https://github.com/cgRGM/rivercitymd --skill vercel-react-native-skills-cgrgm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vercel-react-native-skills
Source: https://github.com/cgRGM/rivercitymd/tree/main/.agents/skills/vercel-react-native-skills
Command: npx skills add https://github.com/cgRGM/rivercitymd --skill vercel-react-native-skills-cgrgm

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams review, build, and refine React Native and Expo apps using production-focused best practices that reduce crashes, improve scrolling smoothness, and keep mobile UI behavior native and consistent.

Core Features & Use Cases

  • Performance guidance: Improve list rendering, scroll handling, animation smoothness, and image loading for mobile apps that need to feel fast.
  • UI and platform patterns: Apply native-first recommendations for navigation, menus, modals, safe areas, fonts, and touch interactions.
  • State and architecture advice: Avoid redundant state, stale closures, and unstable references while keeping components easier to maintain.
  • Use case: Review a React Native screen with heavy lists, animated interactions, and image content to identify the safest, most efficient implementation patterns.

Quick Start

Ask the skill to review a React Native screen or component and return the most relevant performance, UI, and architecture improvements.

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 rendering and scroll performance?▼

To optimize React Native list rendering and scrolling, use virtualized lists and enforce rendering safety patterns to prevent UI jank and reduce crashes in mobile apps.

What are the best Reanimated patterns for smooth React Native animations?▼

The best Reanimated patterns apply native-first animation recommendations to ensure smooth interactions, enforce rendering safety, and maintain consistent mobile UI behavior without blocking the JavaScript thread.

How do I avoid stale closures and unstable references in React Native state management?▼

Avoid stale closures and unstable references in React Native state management by applying architectural best practices that eliminate redundant state, making components easier to maintain and less prone to crashes.

Does this work with Expo and native platform APIs for navigation and modals?▼

Yes, it works with Expo by applying native-first UI recommendations for navigation, modals, safe areas, fonts, and touch interactions to keep mobile UI behavior native and consistent across platforms.

When should I review my React Native screen for performance and architectural gaps?▼

You should review your React Native screen when it features heavy lists, animated interactions, and image content, allowing you to identify the safest and most efficient implementation patterns before production.

Related Skills

Explore More Software Engineering Skills→
praveenpererapraveenperera
4

vercel-react-native-skills

Audit React Native and Expo projects against performance and reliability best practices.

Community
Advanced
rizaldiemrizaldiem

vercel-react-native-skills

Audit React Native and Expo projects for list, animation, and navigation anti-patterns.

Community
Advanced
babuallybabually
1

vercel-react-native-skills

Optimize React Native and Expo codebases with performance and architecture best practices.

Community
Advanced
anicca-labsanicca-labs

coding-standards

Enforce React Native coding standards with TypeScript, Prettier, and custom rules.

Official
Intermediate