CtrlK
BlogDocsLog inGet started
Tessl Logo

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.

77

Quality

96%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Failed to scan

The risk profile of this skill

SKILL.md
Quality
Evals
Security

Quality

Content

92%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The content is well-structured and highly actionable: a sequenced workflow with validation checkpoints, error-recovery feedback loops, three executable code examples, and clean one-level progressive disclosure to real reference files. The only mild weakness is conciseness, where the volume of inline code examples could be trimmed slightly without losing clarity.

Suggestions

Consider moving one of the three full code examples (e.g., the Platform-Specific Component) into a reference file to reduce inline length, keeping only the FlatList and KeyboardAvoidingView exemplars in SKILL.md.

Tighten the Output Format section into a checklist rather than four labeled paragraphs to save tokens while preserving guidance.

Replace the console.log placeholder in the FlatList example's handlePress with a comment indicating real navigation, so the example is both executable and illustrative of intended use.

DimensionReasoningScore

Conciseness

The body is largely lean — workflow, constraints, and code examples assume Claude's competence without explaining basic RN concepts — but the three full code examples (FlatList, KeyboardAvoidingView, Platform chip) and the Output Format section add length that edges slightly beyond the minimum needed. It sits clearly above the efficient anchor but not at the leanest possible level.

4 / 5

Actionability

Provides fully executable, copy-paste-ready TypeScript examples covering the common cases (FlatList with memo/useCallback, KeyboardAvoidingView form, Platform.select component), plus specific commands like 'npx expo doctor', 'npx expo start --clear', 'npx expo install <module>'. Minor example: handlePress logs rather than navigates, but the patterns are concrete and complete.

5 / 5

Workflow Clarity

The 5-step Core Workflow is clearly sequenced with explicit validation checkpoints ('verify on iOS simulator and Android emulator; check Metro bundler output for errors before moving on', 'profile with Flipper or React DevTools') and a dedicated Error Recovery section with feedback loops (clear cache → restart; check logs → resolve → rebuild) for fragile native build operations.

5 / 5

Progressive Disclosure

SKILL.md is an overview with a clear Reference Guide table signaling one-level-deep references (expo-router.md, platform-handling.md, list-optimization.md, storage-hooks.md, project-structure.md), each tied to a 'Load When' trigger. All five referenced files exist in references/ and contain no further nested references, so navigation is shallow and clean.

5 / 5

Total

19

/

20

Passed

Description

100%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

The description is exemplary: it states concrete capabilities in third person, lists natural trigger terms, explicitly answers both what and when, and occupies a clear niche distinct from sibling skills. No vague fluff or over-claims.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — 'Implements navigation hierarchies (tabs, stacks, drawers)', 'configures native modules', 'optimizes FlatList rendering with memo and useCallback', 'handles platform-specific code for iOS and Android' — giving comprehensive coverage of the skill's capabilities.

5 / 5

Completeness

Clearly answers both 'what' (build, optimize, debug RN/Expo apps; navigation; native modules; FlatList performance; platform handling) and 'when' via an explicit 'Use when building a React Native or Expo mobile app, setting up navigation, integrating native modules, improving scroll performance...' clause.

5 / 5

Trigger Term Quality

Natural terms users would say are comprehensively present: 'React Native', 'Expo', 'mobile app', 'iOS', 'Android', 'SafeArea', 'keyboard input', 'Expo SDK projects', covering synonyms and platform variants.

5 / 5

Distinctiveness Conflict Risk

The React Native / Expo niche has distinct triggers (FlatList, SafeArea, Expo SDK, native modules) that clearly separate it from generic web/frontend skills like react-expert, with minimal overlap risk.

5 / 5

Total

20

/

20

Passed

Validation

100%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
jeffallan/claude-skills
Reviewed

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.