CtrlK
BlogDocsLog inGet started
Tessl Logo

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.

87

1.04x
Quality

Does it follow best practices?

Impact

100%

1.04x

Average score across 3 eval scenarios

SecuritybySnyk

Advisory

Suggest reviewing before use

SKILL.md
Quality
Evals
Security

Quality

Content

65%

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

The body is highly actionable with executable code and commands, but is over-long for inline presentation and relies on a Resources section whose bundle files are missing. Workflow guidance uses checklists without explicit validation feedback loops for batch codemod operations.

Suggestions

Create the referenced bundle files (references/breaking-changes.md, references/codemods.md, references/hooks-migration.md, references/concurrent-features.md, assets/codemod-config.json, assets/migration-checklist.md, scripts/apply-codemods.sh) and move the corresponding inline detail into them so progressive disclosure is genuine rather than signaled-but-missing.

Tighten redundant before/after examples and consolidate overlapping Suspense/batching sections to reduce the inline token load.

Add an explicit validate→fix→retry feedback loop to the codemod workflow (e.g., run --dry, review diff, apply, run tests, revert on failure) to lift workflow clarity above 2 for batch operations.

DimensionReasoningScore

Conciseness

The ~520-line body avoids explaining basic concepts Claude already knows, but is lengthy with several overlapping before/after examples (e.g., repeated Suspense/batching patterns) and large inline reference-style content that could be tightened, fitting the score-2 'mostly efficient but could be tightened' anchor rather than the lean score-3 bar.

2 / 3

Actionability

Concrete, copy-paste-ready commands ("npx jscodeshift -t ... --dry --print src/") and complete executable before/after code blocks throughout match the score-3 'fully executable, copy-paste ready' anchor rather than the pseudocode of score 2.

3 / 3

Workflow Clarity

Sequenced Migration Checklists (Pre-Migration, Class→Hooks, React 18 Upgrade) provide a sequence, but lack explicit validation checkpoints with fix→retry feedback loops; since codemods are batch operations, the rubric caps this at 2 rather than the score-3 explicit-checkpoint level.

2 / 3

Progressive Disclosure

Sections are well-organized and a Resources section signals reference paths, but the referenced bundle files (references/*.md, assets/*, scripts/*) do not exist and the detailed content that should be split into them is inline, fitting the score-2 'content that should be separate is inline' anchor rather than a clean one-level-deep split.

2 / 3

Total

9

/

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.

The description is strong: third-person voice, concrete actions, and an explicit 'Use when' clause covering both what the skill does and when to invoke it. No over-claims or vague fluff; it closely matches the good reference examples.

DimensionReasoningScore

Specificity

"Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features" lists multiple specific concrete actions, matching the score-3 anchor; it is not the vague single-action phrasing of score 2.

3 / 3

Completeness

It explicitly answers both what ("Upgrade... migrate... adopt...") and when ("Use when modernizing React codebases, migrating to React Hooks, or upgrading"), satisfying the score-3 anchor with an explicit 'Use when' trigger clause.

3 / 3

Trigger Term Quality

"Use when modernizing React codebases, migrating to React Hooks, or upgrading to latest React versions" covers natural phrases a user would actually say, fitting the score-3 anchor rather than the partial/jargon coverage of score 2.

3 / 3

Distinctiveness Conflict Risk

React modernization is a clear niche with distinct triggers unlikely to fire for unrelated skills, matching the score-3 anchor rather than the overlapping scope of score 2.

3 / 3

Total

12

/

12

Passed

Validation

87%

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

Validation14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

skill_md_line_count

SKILL.md is long (527 lines); consider splitting into references/ and linking

Warning

referenced_paths_exist

Referenced path issues: 7 missing

Warning

Total

14

/

16

Passed

Repository
Dicklesworthstone/pi_agent_rust
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.