CtrlK
BlogDocsLog inGet started
Tessl Logo

react-modernization

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

48

Quality

51%

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.

The body is concise but consists almost entirely of generic boilerplate with no executable guidance; its only concrete reference points to a missing file, leaving the skill without real content.

Suggestions

Replace the boilerplate instructions with concrete, executable guidance — specific commands or code for at least the common React modernization tasks (e.g. a hooks migration snippet or a codemod invocation).

Create the referenced `resources/implementation-playbook.md` (or correct the path) so the deferred detail actually exists and navigation works.

Add explicit validation checkpoints for destructive or batch operations like codemod runs (e.g. run tests after each transformation) to lift workflow clarity above 3.

DimensionReasoningScore

Conciseness

The body is short and respects the token budget, but several lines are generic boilerplate ("Apply relevant best practices and validate outcomes") rather than lean domain content, keeping it just below a 5.

4 / 5

Actionability

The instructions are entirely abstract — "Clarify goals", "Apply relevant best practices", "Provide actionable steps and verification" — with no concrete code, commands, or specific guidance, and the detailed examples live only in a referenced file.

1 / 5

Workflow Clarity

Three vague bullets give a rough conceptual sequence but steps are poorly defined and validation is hand-waved ("validate outcomes") with no checkpoints or commands.

2 / 5

Progressive Disclosure

The body signals a one-level-deep reference to `resources/implementation-playbook.md`, but that directory does not exist and there are no actual bundle files, so navigation is broken rather than well-structured.

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.

The description is specific and names multiple concrete actions with a clear niche, but omits an explicit 'when to use' trigger clause, which caps its completeness.

Suggestions

Add an explicit 'Use when...' clause naming natural trigger phrases (e.g. 'Use when upgrading React, migrating class components to hooks, or applying codemods').

Include common synonyms and version-specific keywords like 'React 18', 'Suspense', and 'transitions' to improve trigger-term coverage.

Tie the 'when' triggers to concrete user utterances to lift completeness to a 4 or 5.

DimensionReasoningScore

Specificity

The description lists several concrete actions — "React version upgrades", "class to hooks migration", "concurrent features adoption", and "codemods for automated transformation" — giving comprehensive coverage with only minor gaps.

4 / 5

Completeness

It clearly states what the skill does but includes no "Use when..." trigger clause; per the rubric, a missing explicit trigger guidance caps completeness at 3.

3 / 5

Trigger Term Quality

It includes natural terms like "class to hooks migration", "concurrent features", and "codemods" that users would say, but lacks common synonyms or version-specific keywords (e.g. React 18, Suspense).

4 / 5

Distinctiveness Conflict Risk

The description carves a clear React-modernization niche with distinct triggers and only minor overlap risk with adjacent React or migration skills.

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.

Validation15 / 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
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.