react-native-best-practices

Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to tasks involving Hermes optimization, JS thread blocking, bridge overhead, FlashList, native modules, or debugging jank and frame drops.

Quality

92%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

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.

A well-structured, actionable skill body: executable commands, an explicit measure-optimize-validate workflow with a revert loop, and clean one-level-deep references. Only minor conciseness trimming would improve it.

Dimension	Reasoning	Score
Conciseness	Lean overview with density-optimized tables and no padding of concepts Claude already knows; a few guardrail/prose sentences could be tightened further, keeping it just below the leanest anchor.	4 / 5
Actionability	Provides copy-paste-ready executable bash (the agent-device react-devtools profiling flow and react-native bundle + source-map-explorer) and version-gated concrete fixes ("FlashList v2 deprecates estimatedItemSize", "RN 0.78 and earlier, disable Android JS bundle compression").	5 / 5
Workflow Clarity	The Measure→Optimize→Re-measure→Validate cycle has explicit checkpoints and a revert feedback loop ("If metrics did not improve, revert and try the next suggested fix"), with before→after validation metrics.	5 / 5
Progressive Disclosure	SKILL.md is a clear overview pointing to 30 one-level-deep, well-signaled reference files (verified to exist) via tables and link definitions, plus a Problem→Skill mapping that aids navigation.	5 / 5
	Total	19 / 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, third-person description that states concrete capabilities and an explicit when-to-use trigger clause, with minimal conflict risk. It could add a few more colloquial synonyms to broaden trigger-term coverage.

Dimension	Reasoning	Score
Specificity	Names the React Native performance domain and lists six concrete concern areas ("FPS, TTI, bundle size, memory leaks, re-renders, and animations"), giving comprehensive coverage of specific actions rather than abstract language.	5 / 5
Completeness	Explicitly answers "what" (performance optimization guidelines across six areas) and "when" via the concrete trigger clause "Applies to tasks involving … or debugging jank and frame drops".	5 / 5
Trigger Term Quality	Strong natural trigger phrases ("jank and frame drops", "re-renders", "memory leaks", "bundle size") plus technical hooks (Hermes, FlashList, bridge overhead), but a few common natural synonyms (e.g. "slow app", "app size", "startup lag") are missing.	4 / 5
Distinctiveness Conflict Risk	Occupies a clear niche (React Native performance) with distinct triggers (Hermes, FlashList, JS thread blocking, bridge overhead) that minimize overlap with other skills.	5 / 5
	Total	19 / 20 Passed

Validation

100%

Warnings & errors only

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

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository: callstackincubator/agent-skills
Path: skills/react-native-best-practices/SKILL.md
Commit: 2766baa

Reviewed: 3 days ago

Table of Contents

Discovery Implementation Validation

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.