CtrlK
BlogDocsLog inGet started
Tessl Logo

react-native-architecture

Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when developing mobile apps, implementing native integrations, or architecting React Native projects.

79

1.13x
Quality

71%

Does it follow best practices?

Impact

91%

1.13x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./plugins/frontend-mobile-development/skills/react-native-architecture/SKILL.md
SKILL.md
Quality
Evals
Security

Evaluation results

90%

8%

Offline-First Data Provider for Field Service App

Offline-first React Query setup

Criteria
Without context
With context

gcTime 24 hours

100%

100%

staleTime 5 minutes

100%

100%

retry count 2

0%

100%

queries networkMode offlineFirst

100%

100%

mutations networkMode offlineFirst

100%

100%

AsyncStorage persister key

0%

0%

PersistQueryClientProvider used

100%

100%

NetInfo online manager

100%

100%

Optimistic update onMutate

100%

100%

Optimistic rollback onError

100%

100%

Invalidation on onSettled

100%

100%

84%

24%

Navigation Architecture for a Social Platform App

Expo Router navigation architecture

Criteria
Without context
With context

QueryProvider wraps Stack

0%

0%

Stack screen groups

0%

100%

lucide-react-native icons

0%

100%

Theme-based tab colors

0%

0%

SecureStore for token

100%

100%

useSegments route guard

100%

100%

Auth loading state

25%

100%

useLocalSearchParams typed

100%

100%

Auth context hook guard

100%

100%

Route file structure

100%

100%

headerShown false

100%

100%

100%

High-Performance Product Browsing Components

High-performance list and animation components

Criteria
Without context
With context

FlashList used

100%

100%

estimatedItemSize set

100%

100%

Item memoized

100%

100%

renderItem useCallback

100%

100%

keyExtractor useCallback

100%

100%

Reanimated animation

100%

100%

AnimatedPressable pattern

100%

100%

StyleSheet.create used

100%

100%

Platform.select shadows

100%

100%

Three button variants

100%

100%

Web haptics guard

100%

100%

Repository
wshobson/agents
Evaluated
Agent
Claude Code
Model
Claude Sonnet 4.6

Table of Contents

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.