Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →guanyang/vercel-react-native-skills
React Native and Expo best practices for building performant mobile apps.
Passed 19 of 22 test cases with the skill, and 19 of 22 without it.
1 fixed18 passed either way2 still failing1 broke
Tokens, turns and time describe resource use, not a dollar price.
A test case the skill fixed. Same model, same prompt, with and without the skill.
I'm encountering buggy UI renders in my Expo application where numbers display as '0' on screen, text renders outside wrapper elements, and navigation modals feel sluggish on Android. Here is my current screen code. Could you audit and refactor it according to modern React Native component guidelines and navigation conventions? Deliver the revised React Native code snippet and highlight key fixes.
| Checked | Without skill | With skill |
|---|---|---|
| Replaces FlatList with FlashList imported from @shopify/flash-list | Missed | Passed |
| Wraps raw text string variables inside Text components | Passed | Passed |
| Replaces falsy logical AND conditional rendering with ternary expressions | Passed | Passed |
The instructions your model reads when the skill loads.
Comprehensive best practices for React Native and Expo applications. Contains rules across multiple categories covering performance, animations, UI patterns, and platform-specific optimizations.
Reference these guidelines when:
| 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- |
list-performance-virtualize - Use FlashList for large listslist-performance-item-memo - Memoize list item componentslist-performance-callbacks - Stabilize callback referenceslist-performance-inline-objects - Avoid inline style objectslist-performance-function-references - Extract functions outside renderlist-performance-images - Optimize images in liststest cases passed, vs 19 / 22 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.