react-expert

Use when building React 18+ applications in .jsx or .tsx files, Next.js App Router projects, or create-react-app setups. Creates components, implements custom hooks, debugs rendering issues, migrates class components to functional, and implements state management. Invoke for Server Components, Suspense boundaries, useActionState forms, performance optimization, or React 19 features.

Quality

96%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Failed to scan

The risk profile of this skill

Quality

Content

92%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 with executable examples, a validated multi-step workflow with feedback loops, and clean progressive disclosure to 7 verified reference files. Its only weakness is minor token padding in the intro and trailing Knowledge Reference list.

Suggestions

Remove the redundant intro sentence ('Senior React specialist with deep expertise...') and the 'Knowledge Reference' bullet list, both of which restate topics already covered elsewhere in the skill.

Trim the 'When to Use This Skill' section since it substantially duplicates the frontmatter description triggers.

Dimension	Reasoning	Score
Conciseness	Mostly efficient with clean, unexplained code examples, but minor padding remains: the intro sentence restating expertise and the trailing 'Knowledge Reference' token-list restate topics already covered and could be trimmed.	4 / 5
Actionability	Three complete, copy-paste-ready code examples (Server Component, useActionState form, cleanup hook) plus concrete MUST DO / MUST NOT DO constraint lists provide fully executable guidance for common cases.	5 / 5
Workflow Clarity	The numbered Core Workflow includes explicit validation checkpoints ('Run tsc --noEmit... re-run until clean') and feedback loops ('if new type errors are introduced, return to step 4'; 'if any assertions fail... fix before submitting').	5 / 5
Progressive Disclosure	A clear overview with a well-signaled reference table points one level deep to 7 real reference files (all present in ./references/), each with a 'Load When' navigation cue; detail is appropriately split out of SKILL.md.	5 / 5
	Total	19 / 20 Passed

Description

100%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 exemplary: it pairs concrete, enumerated capabilities with explicit 'Use when'/'Invoke for' trigger guidance covering file extensions, frameworks, and React 19 features. It matches the rubric's good_overall_examples closely with no vague fluff.

Dimension	Reasoning	Score
Specificity	Lists multiple concrete actions ('Creates components, implements custom hooks, debugs rendering issues, migrates class components to functional, and implements state management') with comprehensive coverage of the skill's capabilities.	5 / 5
Completeness	Explicitly answers both 'what' (creates components, hooks, debugs, migrates, state management) and 'when' ('Use when building React 18+ applications...'; 'Invoke for Server Components, Suspense boundaries, useActionState forms...') with concrete trigger phrases.	5 / 5
Trigger Term Quality	Comprehensive natural keyword coverage including file extensions ('.jsx or .tsx files'), framework names ('Next.js App Router', 'create-react-app'), and feature terms users actually say ('Server Components', 'Suspense', 'useActionState', 'React 19').	5 / 5
Distinctiveness Conflict Risk	Clear niche (React 18+/19 frontend with specific file types and frameworks) with distinct, specific triggers that minimize overlap risk with adjacent skills.	5 / 5
	Total	20 / 20 Passed

Validation

100%

Warnings & errors only

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: Jeffallan/claude-skills
Path: skills/react-expert/SKILL.md
Commit: 882ef55

Reviewed: 3 days ago

Table of Contents

Discovery Implementation Validation

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.