react-native-skills
Use when working with react-native-skills tasks or workflows
React Native Skills
Comprehensive best practices for React Native and Expo applications. Contains rules across multiple categories covering performance, animations, UI patterns, and platform-specific optimizations.
When to Use
Reference these guidelines when:
- Building React Native or Expo apps
- Optimizing list and scroll performance
- Implementing animations with Reanimated
- Working with images and media
- Configuring native modules or fonts
- Structuring monorepo projects with native dependencies
Rule Categories by Priority
| Priority | Category | Impact | Prefix |
|---|---|---|---|
| 1 | List Performance | CRITICAL | list-performance- |
| 2 | Animation | HIGH | animation- |
| 3 | Navigation | HIGH | navigation- |
| 4 | UI Patterns | HIGH | ui- |
| 5 | State Management | MEDIUM | react-state- |
| 6 | Rendering | MEDIUM | rendering- |
| 7 | Monorepo | MEDIUM | monorepo- |
| 8 | Configuration | LOW | fonts-, imports- |
Quick Reference
1. List Performance (CRITICAL)
list-performance-virtualize- Use FlashList for large listslist-performance-item-memo- Memoize list item components- `list-
Subscribers only
The full skill, its 39 bundled files and every download is included with every paid Complete AI plan.
Details
| Source | vercel-labs/agent-skills |
|---|---|
| License | — |
| Risk label | safe ("critical" means the skill may run commands or touch files — read before use) |
| Files | SKILL.md, rules/_sections.md, rules/_template.md, rules/animation-derived-value.md, rules/animation-gesture-detector-press.md, rules/animation-gpu-properties.md, rules/design-system-compound-components.md, rules/fonts-config-plugin.md, rules/imports-design-system-folder.md, rules/js-hoist-intl.md, rules/list-performance-callbacks.md, rules/list-performance-function-references.md, rules/list-performance-images.md, rules/list-performance-inline-objects.md, rules/list-performance-item-expensive.md, rules/list-performance-item-memo.md, rules/list-performance-item-types.md, rules/list-performance-virtualize.md, rules/monorepo-native-deps-in-app.md, rules/monorepo-single-dependency-versions.md, rules/navigation-native-navigators.md, rules/react-compiler-destructure-functions.md, rules/react-compiler-reanimated-shared-values.md, rules/react-state-dispatcher.md, rules/react-state-fallback.md, rules/react-state-minimize.md, rules/rendering-no-falsy-and.md, rules/rendering-text-in-text-component.md, rules/scroll-position-no-state.md, rules/state-ground-truth.md, rules/ui-expo-image.md, rules/ui-image-gallery.md, rules/ui-measure-views.md, rules/ui-menus.md, rules/ui-native-modals.md, rules/ui-pressable.md, rules/ui-safe-area-scroll.md, rules/ui-scrollview-content-inset.md, rules/ui-styling.md |
| Added | 2026-06-02 |
Related skills
accesslint-audit
Find and fix WCAG 2.2 accessibility issues. Two modes — report (sweep a codebase or page, produce a prioritized written report, no edits) and fix (audit→edit→verify loop on a target). Prefers direct-CDP live-DOM auditing; falls back to a browser-MCP composition or HTML-string audits.
angular
Modern Angular (v20+) expert with deep knowledge of Signals, Standalone Components, Zoneless applications, SSR/Hydration, and reactive patterns.
angular-best-practices
Angular performance optimization and best practices guide. Use when writing, reviewing, or refactoring Angular code for optimal performance, bundle size, and rendering efficiency.
angular-migration
Master AngularJS to Angular migration, including hybrid apps, component conversion, dependency injection changes, and routing migration.
angular-state-management
Master modern Angular state management with Signals, NgRx, and RxJS. Use when setting up global state, managing component stores, choosing between state solutions, or migrating from legacy patterns.
angular-ui-patterns
Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states.