CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

react-native

React Native mobile patterns, platform-specific code

49

Quality

62%

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

Fix and improve this skill with Tessl

tessl review fix ./skills/react-native/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

67%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 body is a well-organized, code-heavy pattern reference with strong actionability: nearly every section gives copy-paste-ready TypeScript for components, state, testing, and platform differences. Its weaknesses are modest — a few examples re-teach basic React knowledge Claude already has, and the single-file structure foregoes any externalization that would keep the always-loaded SKILL.md leaner.

Suggestions

Trim examples of concepts Claude already knows (the trivial Button component, bare `useState('')` snippet, 'Always define props interface') and keep only the RN-specific deltas like the core/ purity rule and file-splitting convention.

Complete the truncated snippets — the ItemCard example ends in `...` and HomeScreen uses an undefined `ItemList` — so every example is copy-paste ready.

Consider moving the Testing section (and possibly State Management details) into one-level-deep reference files under references/, keeping SKILL.md as a lean overview with clearly signaled links.

DimensionReasoningScore

Conciseness

The RN-specific material (Platform.select, .ios.tsx/.android.tsx file splits, the anti-patterns list, React Query/Zustand snippets) earns its place, but several sections re-teach basics Claude already knows — a trivial "Button" functional component, `const [value, setValue] = useState('')`, and "Always define props interface" — matching anchor 3 ("mostly efficient but includes some unnecessary explanation or could be tightened"). It is not level 2 because there is no padded prose and most examples are RN-specific.

3 / 5

Actionability

Nearly all guidance is concrete, executable TypeScript covering the common cases (hooks extraction, Zustand store, React Query hooks, RNTL component and hook tests, Platform.select styles), matching anchor 4 ("mostly executable guidance; concrete code with minor gaps"). It falls short of 5 because of small gaps: the ItemCard example truncates its body with `...`, and HomeScreen references an undefined `ItemList`.

4 / 5

Workflow Clarity

As a patterns skill with no multi-step or destructive/batch operations, the simple-skill guidance applies; decision paths are unambiguous ("Start with useState, escalate only when needed"; local state → Zustand for global → React Query for server state) and sections are clearly ordered, matching anchor 4. It is not 5 because there is no explicit sequencing or checkpoints for tasks like introducing the project structure to a new codebase — though for a style-guide skill this is a minor gap.

4 / 5

Progressive Disclosure

No bundle files (references/, scripts/, assets/) exist and none are referenced, so the ~240-line body is scored on its own structure: clear, well-organized sections (Project Structure, Component Patterns, State Management, Testing, Platform-Specific Code, Anti-Patterns) with appropriate content placement, matching anchor 4 ("Good structure; most content is appropriately placed; minor organization gaps"). It is not 5 because the file exceeds the under-50-line simple case and sections like Testing or State Management could be externalized to one-level-deep reference files to slim the always-loaded SKILL.md.

4 / 5

Total

15

/

20

Passed

Description

40%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 identifies a clear niche (React Native) but reads as a topic label rather than a capability statement: it names no concrete actions and includes no "Use when..." trigger guidance. It is serviceable but would benefit from the structure of the good examples, which pair an action list with an explicit trigger clause.

Suggestions

Add an explicit trigger clause, e.g. "Use when working on React Native / Expo app code, iOS or Android native modules, or .tsx/.jsx mobile components".

Replace topic nouns with concrete actions, e.g. "Apply React Native component, state-management, and testing patterns; split platform-specific code via .ios.tsx/.android.tsx files".

Include natural synonyms users would say — "iOS", "Android", "Expo", "native app" — to improve trigger-term coverage and distinctiveness from plain React skills.

DimensionReasoningScore

Specificity

The description "React Native mobile patterns, platform-specific code" names the domain but describes topics rather than concrete actions — there is no verb or capability statement (compare anchor 2's "Processes PDF files"). It does not reach level 3 because it lists no specific actions at all, only subject areas.

2 / 5

Completeness

The description has only a vague "what" ("mobile patterns, platform-specific code") and no "Use when..." clause or equivalent trigger guidance, which matches anchor 2 ("Has a vague 'what' and no 'when'") and caps completeness per the judging guidelines. The separate when-to-use frontmatter field is not part of the description text being scored.

2 / 5

Trigger Term Quality

"React Native" and "mobile" are relevant natural keywords users would say, but common variations like "iOS", "Android", "native app", or file extensions (.tsx/.apk) are missing, matching anchor 3 ("Some relevant keywords but missing common variations or synonyms"). It is above level 2 because "React Native" is a genuinely natural user phrase, not generic filler.

3 / 5

Distinctiveness Conflict Risk

"React Native mobile" carves a clear niche with minimal conflict risk, though "mobile patterns" leaves minor overlap with general React/web or mobile-web skills, matching anchor 4 ("Mostly distinct; minor overlap risk with closely related skills"). It falls short of 5 because the description lacks distinctive trigger phrases that would fully separate it from a plain React skill.

4 / 5

Total

11

/

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

alinaqi/maggy

Path

skills/react-native/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.