vercel-react-native-skills

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.

2.15x

Quality

66%

Does it follow best practices?

Impact

99%

2.15x

Average score across 3 eval scenarios

Securityby

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./skills/react-native-skills/SKILL.md

Evaluation results

100%

43%

Social Feed Component

Performant virtualized list with heterogeneous items

Criteria

Without context

With context

Uses virtualizer

33%

100%

getItemType provided

100%

No pre-list mapping

80%

100%

No inline objects in renderItem

100%

Primitive props to items

25%

100%

No data fetching in items

100%

expo-image used

100%

CDN resize params used

60%

100%

Hoisted root callback

100%

No likeCount && pattern

100%

Strings in Text components

100%

70%

Settings Screen with Menus and Modals

Native UI patterns and modern styling

Criteria

Without context

With context

Pressable not Touchable

100%

zeego dropdown menu

100%

Native modal formSheet

100%

expo-image for avatar

100%

Galeria for lightbox

100%

contentInsetAdjustmentBehavior

100%

gap not margin

100%

boxShadow CSS syntax

100%

borderCurve continuous

100%

Consistent font sizes

100%

No gradient library import

100%

Strings in Text

100%

97%

45%

Animated Collapsible Card with Scroll-Driven Header

Animation and scroll performance patterns

Criteria

Without context

With context

Transform not height animation

100%

GestureDetector for press

100%

No .value for shared values

100%

Ground truth state

50%

70%

useDerivedValue for derived animation

50%

100%

No scroll useState

100%

useAnimatedScrollHandler used

100%

Opacity or transform for header fade

100%

runOnJS for JS callbacks

100%

Comments explaining decisions

50%

100%

Repository: vercel-labs/agent-skills
Commit: 73140fc

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

Table of Contents

Social Feed Component Settings Screen with Menus and Modals Animated Collapsible Card with Scroll-Driven Header

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.