vercel-react-native-skills

Apply standardized performance best practices to React Native and Expo apps.

18|2|Updated May 14, 2026
One-click install
npx skills add https://github.com/daloyjs/daloy --skill vercel-react-native-skills-daloyjs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vercel-react-native-skills
Source: https://github.com/daloyjs/daloy/tree/main/website/.agents/skills/vercel-react-native-skills
Command: npx skills add https://github.com/daloyjs/daloy --skill vercel-react-native-skills-daloyjs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

React Native and Expo projects often suffer from performance regressions due to inconsistent patterns. This skill provides a consolidated, battle-tested set of guidelines to optimize rendering, lists, animations, navigation, and UI patterns across RN/Expo apps.

Core Features & Use Cases

  • Standardized performance best practices across categories (List Performance, Animation, UI, Monorepo, Navigation, and more).
  • Practical, code-level patterns and anti-patterns with real-world examples to guide developers during build, review, and refactor phases.
  • Designed to scale with multi-team projects, enabling engineers to audit and improve app performance with repeatable rules and tooling.

Quick Start

Review a React Native screen or component and apply these guidelines to boost performance immediately.

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 React Native list virtualization performance issues?

Fix React Native list virtualization performance by applying standardized best practices like memoizing list items and using native navigators to prevent rendering fragility. This provides concrete, code-level patterns to optimize lists and avoid common performance regressions.

What are the best practices for React Native animations and gestures?

React Native animation best practices include using gesture-based animations and native navigators to ensure smooth rendering. This provides battle-tested patterns and anti-patterns with real-world examples to optimize animation work and UI performance across mobile apps.

Does this work with Expo apps or only bare React Native workflows?

Yes, this works with both Expo and bare React Native workflows. It provides standardized performance guidelines covering Expo tooling, component design, and native module integration to optimize rendering, lists, animations, and navigation across mobile development projects.

How do I audit and improve React Native app performance across multiple teams?

Audit React Native app performance across multiple teams by applying a consolidated set of repeatable rules and tooling for rendering, lists, animations, navigation, and UI patterns. This enables engineers to review and refactor screens with standardized, well-documented guidelines.

Why does my React Native app suffer from performance regressions during refactoring?

React Native apps suffer performance regressions during refactoring due to inconsistent patterns across rendering, lists, animations, and navigation. Applying a standardized set of best practices and code-level anti-patterns prevents these regressions and ensures safe component design.