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.

67

Quality

80%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Low

Low-risk findings worth noting

SKILL.md
Quality
Evals
Security

Quality

Content

68%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 content is highly actionable with executable code across all major modernization topics and uses progressive disclosure to push bulk material to a real reference file. Its main weaknesses are conciseness (lengthy inline before/after blocks) and missing in-body validation checkpoints for destructive/batch operations like codemods and version upgrades.

Suggestions

Add an explicit multi-step upgrade workflow with validation checkpoints in SKILL.md (e.g. run tests / StrictMode dry-run / codemod --dry before applying) so batch and destructive operations have feedback loops in the main body, not only in the reference checklist.

Trim or relocate the full before/after class-component blocks and the resource-based Suspense example to references/details.md, keeping only the most representative snippet inline to improve token efficiency.

Inline-signpost the topics that currently live only in the reference (e.g. add a brief "Codemods" and "TypeScript migration" subsection pointing to references/details.md) so navigation to those patterns is discoverable from SKILL.md.

DimensionReasoningScore

Conciseness

The body is mostly efficient with concrete code, but several full before/after class-component examples and the Suspense resource-based fetching block are lengthy inline content that pads the SKILL.md and could be trimmed or moved to references.

3 / 5

Actionability

Provides fully executable, copy-paste-ready code for the common cases (useState/useEffect migration, createRoot, useTransition, automatic batching, useContext), matching the score-5 anchor.

5 / 5

Workflow Clarity

Sequencing is implicit via section ordering, but the SKILL.md body has no validation or verification checkpoints for destructive/batch operations (codemods, version upgrades); per the rubric this caps workflow_clarity at 3 even though guidance exists in references/details.md.

3 / 5

Progressive Disclosure

Good structure with a clearly signaled, one-level-deep reference ("More detailed templates and worked examples live in `references/details.md`") that resolves to a real file; minor gaps because some topics (codemods, TypeScript migration) live only in the reference without inline signposting.

4 / 5

Total

15

/

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.

The description is strong: it concisely states concrete capabilities and pairs them with explicit, natural-sounding "Use when..." triggers. It is specific, complete, and clearly distinct from other skills.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — "Upgrade React applications to latest versions", "migrate from class components to hooks", and "adopt concurrent features" — giving comprehensive coverage of the skill's capabilities, matching the score-5 anchor.

5 / 5

Completeness

Explicitly answers both what (upgrade, migrate, adopt) and when ("Use when modernizing React codebases, migrating to React Hooks, or upgrading to latest React versions") with concrete trigger phrases, matching the score-5 anchor.

5 / 5

Trigger Term Quality

Includes natural user phrases like "modernizing React codebases", "migrating to React Hooks", and "upgrading to latest React versions", but lacks version-specific synonyms (e.g. "React 18", "React 19") a user might naturally say, so it falls just short of comprehensive.

4 / 5

Distinctiveness Conflict Risk

Occupies a clear niche (React modernization) with distinct, specific triggers and minimal realistic overlap with unrelated skills.

5 / 5

Total

19

/

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.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
wshobson/agents
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.