Toolverse
All skills
Mobile

vercel-react-native-skills

by vercel-labs

React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
vercel-labs
Category
Mobile
Views
45
GitHub repo

About this skill

React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.

How to use

  1. Zainstaluj umiejętność w swoim środowisku agenta, wskazując repozytorium vercel-labs/agent-skills i ścieżkę skills/react-native-skills.

  2. Umiejętność aktywuje się automatycznie, gdy pracujesz nad projektem React Native lub Expo — nie wymaga ręcznego włączania.

  3. Gdy budujesz komponenty lub optymalizujesz kod, agent będzie stosować reguły z 8 kategorii priorytetowych. Zacznij od kategorii CRITICAL (optymalizacja list) — użyj FlashList dla dużych list, memoizuj komponenty elementów listy i stabilizuj referencje callback'ów.

  4. Dla animacji (priorytet HIGH) stosuj wytyczne Reanimated. Dla nawigacji, wzorców UI i zarządzania stanem (priorytet HIGH i MEDIUM) postępuj zgodnie z dokumentowanymi praktykami.

  5. Jeśli pracujesz z obrazami, mediami, modułami natywnymi lub czcionkami, odwołaj się do odpowiednich reguł konfiguracyjnych (priorytet LOW).

  6. Dla projektów monorepo z zależnościami natywnymi skonsultuj się z kategoriami monorepo i konfiguracji, aby uniknąć problemów ze strukturą projektu.

Related skills

openscad

by mitsuhiko

Create and render OpenSCAD 3D models. Generate preview images from multiple angles, extract customizable parameters, validate syntax, and export STL files for 3D printing platforms like MakerWorld.

Mobile
4291

mobile-android-design

by wshobson

Master Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces, implementing Compose UI, or following Google's Material Design guidelines.

Mobile
38181

godot

by bfollington

This skill should be used when working on Godot Engine projects. It provides specialized knowledge of Godot's file formats (.gd, .tscn, .tres), architecture patterns (component-based, signal-driven, resource-based), common pitfalls, validation tools, code templates, and CLI

Mobile
547680

react-native-design

by wshobson

Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development. Use when building React Native apps, implementing navigation patterns, or creating performant animations.

Mobile
1964

swift-best-practices

by sammcj

This skill should be used when writing or reviewing Swift code for iOS or macOS projects. Apply modern Swift 6+ best practices, concurrency patterns, API design guidelines, and migration strategies. Covers async/await, actors, MainActor, Sendable, typed throws, and Swift 6

Mobile
36140

mobile-design

by sickn33

Mobile-first design and engineering doctrine for iOS and Android apps. Covers touch interaction, performance, platform conventions, offline behavior, and mobile-specific decision-making. Teaches principles and constraints, not fixed layouts. Use for React Native, Flutter, or

Mobile
6091