vercel-react-native-skills

Review React Native and Expo code for performance and correctness.

Updated Apr 1, 2026
One-click install
npx skills add https://github.com/jaimedhenriques/finsyt --skill vercel-react-native-skills-jaimedhenriques
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vercel-react-native-skills
Source: https://github.com/jaimedhenriques/finsyt/tree/main/.agents/skills/vercel-react-native-skills
Command: npx skills add https://github.com/jaimedhenriques/finsyt --skill vercel-react-native-skills-jaimedhenriques

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams write and refactor React Native and Expo code with a strong focus on correctness, performance, and native-feeling UI, reducing crashes, jank, and inconsistent implementation patterns.

Core Features & Use Cases

  • Rendering Safety: Avoid common crash-prone JSX patterns such as leaking falsy values or rendering text outside text components.
  • Performance Guidance: Improve list scrolling, image handling, animation smoothness, and scroll tracking with native-friendly patterns.
  • Architecture and UI Patterns: Apply better state management, navigation, design-system composition, safe-area handling, and monorepo dependency practices.
  • Use Case: A developer can use this Skill to review an Expo app and get concrete refactoring guidance for a slow feed screen, an animated button, or a navigation stack that should use native primitives.

Quick Start

Ask the skill to review your React Native codebase and return prioritized recommendations for performance, correctness, and native UI 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 fix slow scrolling and jank in my React Native list?

To fix slow scrolling in React Native, apply virtualization best practices and native-friendly rendering patterns to optimize list performance and eliminate UI jank. This includes safe rendering rules and image optimization techniques.

Why does my Expo app crash when rendering falsy values in JSX?

Expo app crashes from rendering falsy values are caused by leaking unsafe values into JSX. Enforce rendering safety rules to avoid these crash-prone patterns and ensure text is never rendered outside text components.

What is the best way to implement smooth animations in React Native?

The best way to implement smooth React Native animations is by applying Reanimated usage patterns. This ensures native-driven animation smoothness and optimal scroll tracking without blocking the JavaScript thread.

Can I use this to review navigation and state management in my Expo app?

Yes, you can review navigation and state management in your Expo app. It provides concrete refactoring guidance to apply native UI primitives, safe-area handling, and better architecture patterns for your navigation stack.

How do I enforce dependency discipline in a React Native monorepo?

To enforce dependency discipline in a React Native monorepo, apply standardized architectural practices. This ensures consistent implementation patterns across packages and reduces bugs related to shared dependencies.