CtrlK
BlogDocsLog inGet started
Tessl Logo

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.

74

Quality

92%

Does it follow best practices?

Impact

No eval scenarios have been run

SecuritybySnyk

Advisory

Suggest reviewing before use

SKILL.md
Quality
Evals
Security

Quality

Content

85%

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

This is a well-structured skill that excels at progressive disclosure and workflow clarity, serving as an effective hub document for a large set of React Native performance optimization references. The actionability is strong with concrete commands, specific tool names, and clear guardrails. The main weakness is moderate verbosity — some sections like 'Skill Format', 'Security Notes', and 'When to Apply' could be trimmed without losing value, though the overall token cost is reasonable given the breadth of the topic.

DimensionReasoningScore

Conciseness

The skill is generally well-organized but includes some unnecessary sections like 'Skill Format' explaining the reference file structure, and the 'Security Notes' section feels somewhat boilerplate. The overview and 'When to Apply' sections add modest value but could be tighter. The priority table, reference tables, and problem mapping are useful but collectively make the file quite long for an overview document.

2 / 3

Actionability

The skill provides concrete, executable shell commands for bundle analysis, FPS profiling, and verification. The 'Review Guardrails' section gives specific, actionable constraints (e.g., don't suggest useMemo without profiler evidence). The problem→skill mapping table provides clear starting points. Common fixes are specific and named (FlashList, Jotai, useDeferredValue, R8).

3 / 3

Workflow Clarity

The optimization workflow (Measure → Optimize → Re-measure → Validate) is clearly defined with explicit validation checkpoints and a revert-if-no-improvement feedback loop. The bundle size section includes a concrete before/after verification step. The problem→skill mapping provides clear sequenced paths for different performance issues.

3 / 3

Progressive Disclosure

Excellent progressive disclosure structure: the SKILL.md serves as a clear overview with quick reference patterns, then points to 29 well-organized reference files via clearly signaled one-level-deep links. References are categorized by domain (js-*, native-*, bundle-*) with impact ratings and descriptions. The problem→skill mapping provides additional navigation paths. The grep commands for searching references are a nice touch.

3 / 3

Total

11

/

12

Passed

Description

100%

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

This is an excellent skill description that clearly defines its scope (React Native performance optimization), lists specific concrete capabilities and areas of expertise, and provides explicit trigger conditions via the 'Applies to' clause. The rich set of domain-specific technical terms ensures both accurate skill selection and low conflict risk with other skills.

DimensionReasoningScore

Specificity

Lists multiple specific concrete actions and areas: FPS, TTI, bundle size, memory leaks, re-renders, animations, Hermes optimization, JS thread blocking, bridge overhead, FlashList, native modules, debugging jank and frame drops.

3 / 3

Completeness

Clearly answers both 'what' (provides React Native performance optimization guidelines for specific areas) and 'when' (applies to tasks involving Hermes optimization, JS thread blocking, bridge overhead, FlashList, native modules, or debugging jank and frame drops). The 'Applies to' clause serves as an explicit trigger guidance.

3 / 3

Trigger Term Quality

Excellent coverage of natural terms a developer would use: 'React Native', 'FPS', 'TTI', 'bundle size', 'memory leaks', 're-renders', 'animations', 'Hermes', 'JS thread blocking', 'bridge overhead', 'FlashList', 'jank', 'frame drops'. These are all terms developers naturally use when discussing RN performance.

3 / 3

Distinctiveness Conflict Risk

Highly distinctive with a clear niche: React Native performance optimization. The specific technical terms like Hermes, FlashList, bridge overhead, and JS thread blocking make it very unlikely to conflict with general React, web performance, or other mobile development skills.

3 / 3

Total

12

/

12

Passed

Validation

90%

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

Validation10 / 11 Passed

Validation for skill structure

CriteriaDescriptionResult

metadata_version

'metadata.version' is missing

Warning

Total

10

/

11

Passed

Repository
callstackincubator/agent-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.