CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

react-modernization

Master React version upgrades, class to hooks migration, concurrent features adoption, and codemods for automated transformation.

Quality

60%

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 ./plugins/AI-Agents-Safe-Coding-Skills-claude/skills/react-modernization/SKILL.md

The canonical home for this skill is react-modernization in rmyndharis/antigravity-skills

SKILL.md
Quality
Evals
Security

Quality

Content

36%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-organized, brief shell whose actual instructional content is missing: generic placeholder instructions, no executable steps or validation checkpoints for a risky batch domain, and a resource pointer to a file that is absent from the bundle. The skill reads as an unfilled template rather than operational guidance.

Suggestions

Add the referenced `resources/implementation-playbook.md` (or correct its path) — the bundle contains no reference files, so the only detailed-guidance pointer is dangling.

Replace the abstract Instructions ("Apply relevant best practices") with concrete, executable steps: e.g. `npx react-codemod rename-unsafe-lifecycles`, upgrade sequences per React version, and migration patterns for class-to-hooks.

Define an ordered workflow with explicit validation checkpoints (run tests after each codemod, verify build after version bump) appropriate to batch codebase transformations.

Delete the verbatim description echo under the H1 and the tautological "Do not use" bullets to tighten token efficiency.

DimensionReasoningScore

Conciseness

The body is short and well-sectioned with no concept explanations Claude already knows, but it carries padding: the line under the H1 duplicates the frontmatter description verbatim, the "Do not use this skill when" bullets ("The task is unrelated to react modernization") are tautological, and the Instructions bullets are generic filler. Mostly efficient with some unnecessary content that could be trimmed — not 2 because no section teaches known concepts and total length is small.

3 / 5

Actionability

The instructions are pure abstraction — "Clarify goals, constraints, and required inputs", "Apply relevant best practices and validate outcomes" — with no commands, code, library names, or codemod invocations anywhere. The single concrete directive ("open `resources/implementation-playbook.md`") points to a file that does not exist in the bundle. Not 1 because the trigger scenarios and resource pointer constitute minimal concrete guidance; not 3 because there is no executable guidance at all.

2 / 5

Workflow Clarity

Only a loose abstract order exists (clarify goals → apply best practices → validate outcomes); no sequenced concrete steps and no validation checkpoints for what is inherently a risky, batch-oriented process (version upgrades and automated codemod rewrites of entire codebases). Validation appears only as a nominal phrase, not a checkpoint. Not 1 because a rough logical sequence is present; not 3 because the steps are poorly defined and validation is absent as an actual gate.

2 / 5

Progressive Disclosure

The body has clean, clearly labeled sections and a well-signaled one-level-deep reference (mentioned in both Instructions and Resources), but `resources/implementation-playbook.md` does not exist anywhere in the bundle — the disclosure chain is broken, so the promised detail layer cannot be reached. Not 4/5 because the referenced detail file is missing; not 2 because in-body structure is good and the reference is clearly signaled rather than buried.

3 / 5

Total

10

/

20

Passed

Description

66%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 specific, well-scoped description naming four concrete capabilities in a distinct niche, undermined by the complete absence of any "Use when..." trigger clause. Adding explicit trigger conditions would lift completeness and sharpen distinctiveness.

Suggestions

Append an explicit trigger clause, e.g. "Use when upgrading React versions, migrating class components to hooks, or running codemods like react-codemod."

Include the additional tasks the body claims (TypeScript migration, state management modernization) so description coverage matches the skill's stated scope.

DimensionReasoningScore

Specificity

Lists several specific actions — "React version upgrades, class to hooks migration, concurrent features adoption, and codemods for automated transformation" — each naming a concrete capability. Not 5 because coverage has minor gaps: tasks the body itself claims (TypeScript migration, state management modernization, React 18+ performance) are absent from the description; not 3 because far more than 1-2 concrete actions are named.

4 / 5

Completeness

The description clearly answers "what" (upgrades, migration, concurrent features, codemods) but contains no "Use when..." clause or equivalent explicit trigger guidance, which caps completeness at 3 per the rubric guideline. Not 4 because "when" is entirely absent rather than merely under-specified.

3 / 5

Trigger Term Quality

"React version upgrades", "class to hooks migration", and "codemods" are natural phrases users would say when needing this skill. Not 5 because common variations are missing ("React 18/19", "functional components", "refactoring", "Suspense/transitions"); not 3 because the core natural phrasings are present, not just generic domain labels.

4 / 5

Distinctiveness Conflict Risk

"Master React version upgrades, class to hooks migration..." carves a clear modernization niche distinct from most skills. Not 5 because broad terms like "concurrent features adoption" and the absence of a when-clause leave minor overlap risk with general React development or React performance skills; not 3 because the triggers are far more specific than adjacent skills would share.

4 / 5

Total

15

/

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

administrakt0r/AI-Agents-Safe-Coding-Skills

Path

plugins/AI-Agents-Safe-Coding-Skills-claude/skills/react-modernization/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.