vercel-react-native-skills

Apply React Native and Expo best practices for performance and code quality.

947|163|Updated Jan 13, 2026
One-click install
npx skills add https://github.com/guanyang/antigravity-skills --skill vercel-react-native-skills-guanyang
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vercel-react-native-skills
Source: https://github.com/guanyang/antigravity-skills/tree/main/skills/react-native-skills
Command: npx skills add https://github.com/guanyang/antigravity-skills --skill vercel-react-native-skills-guanyang

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a comprehensive set of best practices and guidelines for building performant and maintainable React Native and Expo applications, addressing common pitfalls in rendering, list performance, animation, and more.

Core Features & Use Cases

  • Performance Optimization: Detailed rules for optimizing list scrolling, animations, and image loading.
  • Native Best Practices: Guidance on using native navigators, modals, and UI components for a better user experience.
  • Code Quality: Standards for state management, rendering, and monorepo structure.
  • Use Case: When developing a new feature in a React Native app that involves a long, scrollable list, consult this Skill to ensure optimal performance by applying virtualization, memoization, and efficient image loading techniques.

Quick Start

Apply the React Native best practices for optimizing list performance to the current 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 scrolling performance for long lists?

Optimize React Native list scrolling by applying virtualization, memoization, and efficient image loading techniques. This Skill provides structured rules to ensure smooth scrolling by preventing unnecessary re-renders and managing memory efficiently.

What's the best way to handle animations in Expo apps without dropping frames?

Handle Expo animations without dropping frames by using Reanimated techniques outlined in this Skill. It provides performance guidelines for running animations on the native UI thread to ensure smooth user experiences.

Does this React Native Skill provide best practices for native navigation and modals?

Yes, this React Native Skill provides native best practices for using native navigators and modals. It guides you on utilizing native UI components to ensure better user experience and adherence to modern mobile development standards.

Can I use these guidelines to refactor existing React Native state management and monorepo structures?

Yes, you can use these guidelines to refactor existing React Native state management and monorepo structures. This Skill enforces code quality standards for AI-assisted refactoring to improve rendering and maintainability.

Why are my React Native images loading slowly and how do I fix it?

Fix slow React Native image loading by applying the efficient image loading techniques defined in this Skill. It addresses common performance pitfalls by providing structured best practices for rendering and resource management.

When do I need virtualization in React Native development?

You need virtualization in React Native development when rendering long, scrollable lists to prevent performance degradation. This Skill dictates exactly when and how to apply virtualization for optimal app performance.