CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

react-native-patterns

React Native and Expo app patterns — Expo Router navigation, state separation (server/client/route/form), TanStack Query data fetching with Zod, performant lists, NativeWind/StyleSheet styling, native APIs, and secure storage. Use when building or editing React Native / Expo screens, components, navigation, or data layers.

Quality

86%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

75%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.

A high-quality, well-organized pattern reference with executable code, honest library framing, and explicit anti-patterns. Main weaknesses are mild redundancy across sections, a few undefined example placeholders, and an all-inline structure that forgoes progressive disclosure despite its length.

Suggestions

Trim the overlap between 'Best Practices'/'Anti-Patterns' and 'Core Concepts' — the virtualization, token-storage, and inline-style points each appear twice; keep one canonical statement per rule.

Make the full-screen examples fully self-contained by defining (or stubbing with a note) the `api` module and the `<Centered>` component, so the code is copy-paste runnable.

Move the two long end-to-end examples (orders screen, email form) into a `references/` file linked from a short 'Code Examples' section, bringing SKILL.md closer to an overview-plus-references structure.

DimensionReasoningScore

Conciseness

Efficient and assumes Claude's competence — no 'what is React Native' padding, and code comments earn their place (e.g. 'ignore stale result after unmount'). Minor trim-able redundancy: 'Best Practices' and 'Anti-Patterns' restate points already made in Core Concepts and Code Examples.

4 / 5

Actionability

Mostly executable, complete code examples (route validation, query hooks, virtualized list, permission-aware location hook, form with Zod resolver, WRONG/RIGHT anti-patterns), but undefined placeholders like `api.getUser`, `api.listOrders`, and `<Centered>` keep it from being literally copy-paste ready.

4 / 5

Workflow Clarity

A pattern catalog rather than a multi-step procedure, and each pattern's internal sequence is clear with explicit error handling (safeParse failure routes to not-found; loading/denied/granted states distinguished). No explicit cross-cutting validation checkpoints exist, but none are required — there are no destructive or batch operations to gate.

4 / 5

Progressive Disclosure

No bundle files exist and no references are made to nonexistent files, so nothing is broken; the single SKILL.md is well-sectioned (When to Activate → Core Concepts → Code Examples → Anti-Patterns → Best Practices) with clear navigation. Held at 4 rather than 5 because ~310 inlined lines — particularly the two full-screen examples — are content that could be split into one-level-deep reference files.

4 / 5

Total

16

/

20

Passed

Description

92%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.

A strong description: concrete capability list, explicit 'Use when' trigger clause, third-person voice, and a clearly delineated mobile niche. Only gap is a few natural synonym trigger terms.

DimensionReasoningScore

Specificity

Lists multiple specific concrete capabilities: 'Expo Router navigation, state separation (server/client/route/form), TanStack Query data fetching with Zod, performant lists, NativeWind/StyleSheet styling, native APIs, and secure storage' — seven distinct, concrete areas with comprehensive coverage of the skill's scope.

5 / 5

Completeness

Explicitly answers both: what ('React Native and Expo app patterns — …') and when ('Use when building or editing React Native / Expo screens, components, navigation, or data layers'). Matches the 5 anchor's concrete trigger phrasing exactly.

5 / 5

Trigger Term Quality

Good natural keyword coverage — 'React Native / Expo screens, components, navigation, or data layers' plus named libraries users would mention — but misses common variations like 'mobile app' or 'app development'. Not the 5 anchor, which requires synonym- and extension-level coverage.

4 / 5

Distinctiveness Conflict Risk

Clear niche (React Native / Expo mobile, explicitly non-web) with distinct triggers; minimal conflict risk even against a sibling web-React patterns skill, since the trigger terms are platform-specific.

5 / 5

Total

19

/

20

Passed

Validation

93%

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

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

15

/

16

Passed

Repository

affaan-m/ECC

Path

skills/react-native-patterns/SKILL.md

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.