CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

react-modernization

Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases, migrating to React Hooks, or upgrading to latest React versions.

Quality

69%

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 ./skills/react-modernization/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

40%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 well-structured and lean but nearly empty of actionable guidance: instructions are generic best-practice platitudes, there is no executable workflow or validation for risky batch migrations, and the single referenced resource file does not exist in the bundle. The skill relies entirely on a playbook that is absent.

Suggestions

Ship the referenced file (or fix the path): create 'resources/implementation-playbook.md' with the detailed patterns and examples the body promises, since the entire skill currently depends on it.

Replace the vague instruction bullets with concrete, executable steps — e.g., codemod commands ('npx react-codemod rename-unsafe-lifecycles'), version-specific breaking-changes checks, and a class-to-hooks migration pattern example.

Define a validation loop for the upgrade workflow (run test suite / typecheck after each migration step, fix, and re-run) since React upgrades are batch operations across a codebase, and cut the tautological 'Do not use' bullets that add no information.

DimensionReasoningScore

Conciseness

The body is lean with no React-concept padding, but the two tautological 'Do not use' bullets ('The task is unrelated to react modernization', 'You need a different domain or tool outside this scope') and the generic instruction bullets are trimmable filler.

4 / 5

Actionability

The instructions are high-level hints — 'Clarify goals, constraints, and required inputs', 'Apply relevant best practices and validate outcomes' — with no code, commands, or specific steps (no codemod invocations, no migration steps, no breaking-changes guidance), and the only concrete pointer ('open resources/implementation-playbook.md') targets a file that does not exist in the bundle.

2 / 5

Workflow Clarity

A rough implied sequence exists (clarify → apply best practices → validate outcomes) but the steps are poorly defined and validation is only mentioned, never specified — a significant gap for batch/risky upgrade operations.

2 / 5

Progressive Disclosure

Sections are present and the body correctly keeps detail out of SKILL.md, but the sole reference 'resources/implementation-playbook.md' is missing from the bundle entirely, so the navigation path leads nowhere and no detailed content is actually available.

2 / 5

Total

10

/

20

Passed

Description

83%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: concrete capabilities, explicit 'Use when...' triggers, and a well-scoped niche in third-person voice. Trigger coverage could add common synonyms and version-specific terms (React 18/19, functional components, Suspense).

DimensionReasoningScore

Specificity

Lists three concrete actions — 'Upgrade React applications to latest versions', 'migrate from class components to hooks', 'adopt concurrent features' — with minor gaps: codemods, state-management modernization, and TypeScript migration (covered in the body) are omitted.

4 / 5

Completeness

Explicitly answers both 'what' (upgrade, migrate class components to hooks, adopt concurrent features) and 'when' with concrete trigger phrases ('Use when modernizing React codebases, migrating to React Hooks, or upgrading to latest React versions').

5 / 5

Trigger Term Quality

Natural phrases users would say — 'modernizing React codebases', 'migrating to React Hooks', 'upgrading to latest React versions' — but common variations like 'React 18/19', 'functional components', or 'Suspense' are missing.

4 / 5

Distinctiveness Conflict Risk

A clear niche (React modernization specifically) with distinct triggers; minor overlap risk with generic React development or TypeScript-migration skills.

4 / 5

Total

17

/

20

Passed

Validation

100%

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

rmyndharis/antigravity-skills

Path

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.