skills.rest
wildanjr19
wildanjr19COMMUNITY
Explore all skills by this author →
GitHub

vercel-react-native-skills

Codify React Native and Expo performance best practices for lists, animations, and images.

2|Updated Apr 7, 2026
Search Tags:#ui#performance#best-practices#react-native#virtualization#expo#reanimated
One-click install
npx skills add https://github.com/wildanjr19/semar-kos-finder --skill vercel-react-native-skills-wildanjr19
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vercel-react-native-skills
Source: https://github.com/wildanjr19/semar-kos-finder/tree/main/.agents/skills/vercel-react-native-skills
Command: npx skills add https://github.com/wildanjr19/semar-kos-finder --skill vercel-react-native-skills-wildanjr19

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

React Native and Expo projects often struggle with performance pitfalls like jank, slow lists, heavy animations, and inefficient assets. This Skill provides a centralized, practical guide to adopt proven patterns that keep mobile apps smooth and maintainable.

Core Features & Use Cases

  • Establishes standardized guidelines for list virtualization, animation patterns with Reanimated, image handling, navigation, and monorepo setups.
  • Provides ready-to-use examples and a consistent reference for teams to audit and improve mobile performance in real projects.
  • Supports automation and tooling through structured SKILL.md frontmatter, AGENTS.md, and rule directories for scalable knowledge.

Quick Start

Apply this skill by consulting the rules in the rules directory and integrating the guidelines into your RN/Expo 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 fix jank and improve performance in React Native lists?▼

Fix React Native jank by applying list virtualization patterns from standardized rules, ensuring only visible items render to maintain smooth scrolling and reduce memory overhead in mobile apps.

What are the best practices for Reanimated animations in Expo?▼

Reanimated animation best practices involve running animations on the UI thread to avoid bridge overhead, keeping complex gesture interactions smooth and preventing frame drops in Expo apps.

Can I use these React Native performance rules in a monorepo setup?▼

Yes, the performance guidelines explicitly support monorepo setups, providing structured rules and AGENTS.md guidance to maintain consistent performance outcomes across shared packages and multiple platforms.

Why is my React Native app slow when handling images?▼

React Native image handling becomes slow without proper caching and optimized asset loading; applying standardized performance rules mitigates heavy rendering overhead and improves overall mobile UX.

Does this Skill work with both React Native and Expo projects?▼

Yes, this Skill applies to both React Native and Expo projects, covering navigation, animations, and list virtualization to guide developers across multiple platforms with consistent performance rules.

Related Skills

Explore More Software Engineering Skills→
christhz666christhz666

vercel-react-native-skills

Optimize React Native and Expo apps with performance rules for lists, animations, and UI patterns.

Community
Advanced
Omar-ObandoOmar-Obando
44

mobile-performance

Profile mobile app performance and implement targeted optimizations for React Native, Flutter, and native apps.

Community
Intermediate
frap129frap129
8

crafting-rules

Create and refine OpenCode rules with globs and keywords.

Community
Intermediate
wubq511wubq511
6

gsap-performance

Optimize GSAP animations with transforms, opacity, and batched updates.

Community
Intermediate