skills.rest
northseadl
northseadlCOMMUNITY
Explore all skills by this author →
GitHub

vercel-react-native-skills

Provide React Native and Expo best practices for AI agents.

Updated Feb 3, 2026
Search Tags:#ui#best practices#performance#optimization#animation#react native#expo
One-click install
npx skills add https://github.com/northseadl/skillwisp --skill vercel-react-native-skills-northseadl
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vercel-react-native-skills
Source: https://github.com/northseadl/skillwisp/tree/main/skills/%40vercel/react-native-skills
Command: npx skills add https://github.com/northseadl/skillwisp --skill vercel-react-native-skills-northseadl

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes rules (resource) and metadata.json (resource) and AGENTS.md (resource) and README.md (resource) and _sections.md (resource) and _template.md (resource) components.

What problem does it solve?

This Skill provides a comprehensive set of best practices and guidelines for building high-performance, maintainable React Native and Expo applications, addressing common pitfalls in rendering, list performance, animations, and UI patterns.

Core Features & Use Cases

  • Performance Optimization: Detailed rules for optimizing list scrolling, animations, and image loading.
  • Code Quality: Guidelines for state management, rendering, and UI consistency.
  • Platform Best Practices: Recommendations for native navigation, font loading, and monorepo structure.
  • Use Case: When developing a new feature in a React Native app that involves a long, scrollable list of complex items, consult this Skill to ensure optimal performance and avoid jank.

Quick Start

Apply the list-performance-virtualize rule to optimize the main scrollable list in the current screen.

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 complex items?▼

To optimize React Native list scrolling, apply structured list-performance-virtualize rules that prioritize automated code generation and refactoring to eliminate jank in long, scrollable lists.

What are the best practices for React Native animation and rendering performance?▼

React Native animation and rendering best practices involve applying structured rules for core rendering and scroll performance, ensuring high-impact optimizations are prioritized for automated code generation.

Can I use these guidelines for Expo apps and monorepo structures?▼

Yes, these guidelines support Expo apps and monorepo structures, providing platform best practices for native navigation, font loading, and state management within those environments.

What's the best way to manage state and UI consistency in React Native?▼

The best way to manage state and UI consistency in React Native is to follow structured guidelines covering state management, rendering, UI patterns, and design systems to maintain high code quality.

Why does my React Native app experience jank during navigation and scrolling?▼

React Native app jank during navigation and scrolling often results from unoptimized rendering and list performance; applying targeted rules for native navigation and scroll optimization resolves these issues.

Related Skills

Explore More Software Engineering Skills→
Bharathadi01Bharathadi01

vercel-react-native-skills

Apply React Native and Expo best practices for performance and maintainability.

Community
Advanced
JoaquinCampoJoaquinCampo
3

react-best-practices

Apply 45+ rules to optimize React and Next.js performance.

Community
Advanced
udsy19udsy19

react-native-skills

Provide guidelines and best practices for building performant React Native applications.

Community
Advanced
gelsonsimoesgelsonsimoes

react-best-practices

Identify and mitigate performance bottlenecks in React/Next.js apps using 57 best-practice rules.

Community
Advanced