CtrlK
BlogDocsLog inGet started
Tessl Logo

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.

87

1.65x
Quality

81%

Does it follow best practices?

Impact

99%

1.65x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Evaluation results

100%

34%

Social Activity Feed

Performant virtualized list implementation

Criteria
Without context
With context

Uses list virtualizer

0%

100%

getItemType provided

0%

100%

No inline objects in renderItem

100%

100%

Callbacks hoisted from renderItem

100%

100%

List items receive primitives or stable refs

100%

100%

Items are memo-wrapped

100%

100%

No queries inside list items

100%

100%

Data not mapped/filtered before list

100%

100%

Compressed images in list

100%

100%

Uses expo-image

0%

100%

No && with falsy values

100%

100%

100%

47%

Animated Music Player Controls

GPU-accelerated animations with gesture handling

Criteria
Without context
With context

Uses GestureDetector for press

100%

100%

runOnJS for JS callbacks

100%

100%

No layout property animation

57%

100%

State as ground truth

16%

100%

Derives visuals via interpolate

10%

100%

useDerivedValue for computed values

0%

100%

Uses .get() and .set()

0%

100%

No scroll position in useState

100%

100%

ProgressBar uses PanGesture

100%

100%

animation-notes.md present

100%

100%

97%

36%

User Profile Screen with Navigation

Native navigation and UI patterns

Criteria
Without context
With context

Native stack navigator

100%

100%

Native tab navigator

0%

100%

Uses expo-image

100%

100%

Uses Pressable

100%

100%

contentInsetAdjustmentBehavior

0%

100%

Native options menu

80%

100%

Native modal for post detail

75%

100%

Galeria for avatar lightbox

0%

100%

No && with falsy counts

100%

100%

gap over margin for spacing

50%

50%

boxShadow string syntax

100%

100%

Compressed CDN images

0%

100%

Repository
secondsky/claude-skills
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.