react-native-expert

Builds, optimizes, and debugs cross-platform mobile applications with React Native and Expo. Implements navigation hierarchies (tabs, stacks, drawers), configures native modules, optimizes FlatList rendering with memo and useCallback, and handles platform-specific code for iOS and Android. Use when building a React Native or Expo mobile app, setting up navigation, integrating native modules, improving scroll performance, handling SafeArea or keyboard input, or configuring Expo SDK projects.

1.26x

Quality

100%

Does it follow best practices?

Impact

90%

1.26x

Average score across 6 eval scenarios

Securityby

Passed

No known issues

Evaluation results

97%

-1%

Notification Center Feed Component

FlatList performance optimization

Criteria

Without context

With context

FlatList not ScrollView

100%

Item memo

100%

useCallback for renderItem

100%

useCallback for keyExtractor

100%

getItemLayout used

100%

removeClippedSubviews

100%

maxToRenderPerBatch

100%

windowSize prop

100%

initialNumToRender

100%

No inline styles

100%

No hardcoded dimensions

80%

70%

TypeScript types

100%

19%

User Profile Edit Screen

Platform-specific form handling

Criteria

Without context

With context

SafeAreaView used

100%

KeyboardAvoidingView used

100%

Platform-specific behavior

100%

Platform.select for styles

100%

Android back handler

100%

Back handler cleanup

100%

Platform guard on BackHandler

100%

Reanimated for animation

30%

100%

No inline styles

87%

100%

TypeScript

100%

No hardcoded dimensions

83%

100%

93%

12%

Bootstrap a New Mobile App for a Recipe Discovery Platform

Project setup and configuration

Criteria

Without context

With context

Feature-based dirs

30%

App router structure

100%

Not-found screen

100%

TS path aliases

50%

100%

TS strict mode

100%

Reanimated plugin last

100%

Module resolver in Babel

100%

MMKV for storage

100%

Zustand with persist

100%

Expo Router in app.json

100%

Protected route redirect

100%

No ScrollView for lists

100%

97%

12%

Recipe Discovery App Navigation

Expo Router navigation and typed routes

Criteria

Without context

With context

Tab route group

100%

Auth route group

62%

100%

Dynamic recipe route

100%

Typed route params

100%

Auth-gated redirect

100%

Auth redirect for logged-in users

100%

Not-found screen

100%

Deep link scheme

100%

Tab icons

100%

Programmatic navigation with params

50%

100%

No inline styles

100%

57%

TypeScript throughout

100%

74%

32%

User Preferences Module

MMKV storage and Zustand persistence

Criteria

Without context

With context

MMKV not AsyncStorage

100%

useMMKVBoolean for booleans

useMMKVString for strings

useMMKVNumber for numbers

Zustand store created

100%

Zustand persist middleware

100%

createJSONStorage with MMKV

100%

MMKV adapter shape

100%

TypeScript store interface

100%

No inline styles

71%

100%

Storage choice explained

100%

80%

40%

Animated Toast Notification Component

Reanimated animations and subscription cleanup

Criteria

Without context

With context

useSharedValue used

100%

useAnimatedStyle used

100%

withSpring or withTiming

100%

No setTimeout for animation

AppState subscription cleanup

100%

useEffect cleanup function

100%

TypeScript prop types

100%

Animated.View used

100%

No inline styles

57%

No hardcoded screen dimensions

100%

66%

Repository: jeffallan/claude-skills
Commit: 5b76101

Evaluated: 27 days ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Notification Center Feed Component User Profile Edit Screen Bootstrap a New Mobile App for a Recipe Discovery Platform Recipe Discovery App Navigation User Preferences Module Animated Toast Notification Component

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.