CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

react-native-brownfield-migration

Implements an accepted incremental brownfield migration from native iOS or Android to React Native or Expo using @callstack/react-native-brownfield. Use after the brownfield path has been selected, when setting up the integration, packaging XCFramework or AAR artifacts, or adding React Native surfaces to native hosts.

69

Quality

87%

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

78%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 router/overview skill: strong progressive disclosure with a verified, correctly-wired reference bundle; a gated, sequenced workflow with validation checkpoints; and specific, actionable guardrails. The main costs are duplicated navigation between the two tables, a When to Apply section that repeats the description, and the lack of explicit error-recovery feedback loops in the main workflow.

Suggestions

Merge the Quick Reference and Problem -> Skill Mapping tables into a single task-oriented table (problem -> start with file -> one-line description); the current pair lists the same 12 files twice and costs tokens on every load.

Add explicit error-recovery guidance to the Migration Strategy, e.g. 'If packaging validation fails, fix the config and re-run the artifact command before retrying host integration,' and a fallback for when the startup/runtime verification fails — this would lift workflow clarity to a full feedback loop.

Drop or compress the 'When to Apply' section, which restates the frontmatter description verbatim, and replace it with the one disambiguation rule that is unique to it (defer to assess-react-native-migration before a path is chosen).

DimensionReasoningScore

Conciseness

The body is lean and assumes Claude's competence — no concept explanations, no filler — but the Quick Reference table and the Problem -> Skill Mapping table list the same 12 reference files twice, and 'When to Apply' restates the frontmatter description. Efficient overall with trimmable redundancy, matching the 4 anchor rather than the 5 anchor's 'every token earns its place'.

4 / 5

Actionability

Concrete, checkable guidance throughout: 'Run npx brownfield <command> --help before relying on any flag table', named placeholders (<framework_target_name>, <android_module_name>, <registered_module_name>), 'inspect package.json and app.json', and 'brownfield.config.*'. As an instruction-only router skill the absence of full code blocks is not penalized per the rubric's scoring note, but it stops short of the 5 anchor's copy-paste-ready commands covering common cases.

4 / 5

Workflow Clarity

A clear 5-step Migration Strategy, a must-run-first Path Selection Gate with a disambiguation fallback ('If still unclear, ask one disambiguation question'), and explicit validation checkpoints ('Validate each packaging command before moving to host integration'; step 4 includes 'validate startup/runtime'). It does not reach 5 because fix-and-retry feedback loops — what to do when a packaging validation or startup check fails — are not specified.

4 / 5

Progressive Disclosure

Exemplary router structure: an overview body pointing to 12 one-level-deep reference files, all of which exist on disk and cross-link only to siblings (verified — no nested reference chains), plus canonical external docs for long platform snippets. Both file-oriented (Quick Reference) and task-oriented (Problem -> Skill Mapping) navigation are present with accurate descriptions, matching the 5 anchor's 'well-signaled one-level-deep references; easy navigation'.

5 / 5

Total

17

/

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 in third-person voice that states concrete capabilities with named artifact types and an explicit, multi-situation 'Use when' clause. The only weakness is slightly narrow trigger vocabulary for how users might phrase the request. It compares favorably to the good overall examples.

DimensionReasoningScore

Specificity

The description lists multiple concrete actions with specific artifact formats: 'setting up the integration, packaging XCFramework or AAR artifacts, adding React Native surfaces to native hosts', all anchored to a named tool (@callstack/react-native-brownfield). This matches the anchor for comprehensive coverage of specific concrete actions; there are no minor coverage gaps that would justify a 4.

5 / 5

Completeness

It explicitly answers both questions: 'Implements an accepted incremental brownfield migration from native iOS or Android to React Native or Expo using @callstack/react-native-brownfield' (what) and 'Use after the brownfield path has been selected, when setting up the integration, packaging XCFramework or AAR artifacts, or adding React Native surfaces to native hosts' (when, with three concrete trigger situations). This matches the 5 anchor exactly.

5 / 5

Trigger Term Quality

Good natural-term coverage ('brownfield migration', 'native iOS or Android', 'React Native or Expo', 'XCFramework or AAR artifacts', 'native hosts') that users in this domain would actually say. It falls short of the 5 anchor because common phrasings like 'add React Native to an existing app' or 'embed React Native in a native app' are missing, while clearly exceeding the 3 anchor's 'missing common variations' level.

4 / 5

Distinctiveness Conflict Risk

The niche tool name and the explicit temporal boundary 'Use after the brownfield path has been selected' cleanly separate it from the sibling assessment skill and from general React Native work. Minimal conflict risk, matching the 5 anchor's 'clear niche with distinct triggers'.

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

relative_links

Relative link issues: 3 suspicious

Warning

Total

15

/

16

Passed

Repository

callstackincubator/agent-skills

Path

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