CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

react-19

React 19 patterns with React Compiler. Trigger: When writing React components - no useMemo/useCallback needed.

60

Quality

75%

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

Quality

Content

81%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 an efficient, actionable pattern reference: lean code examples with explicit do/don't contrasts and REQUIRED labels make the guidance unambiguous. The only deductions are minor — a redundant Keywords section, a Next.js-specific call in the React Actions example, and content slightly past the size where splitting into references would help.

DimensionReasoningScore

Conciseness

The body is lean and code-first with no explanation of concepts Claude already knows; only the trailing "Keywords" section (duplicating the frontmatter description) is padding that could be trimmed.

4 / 5

Actionability

Concrete, mostly copy-paste-ready examples with clear ✅/❌ contrasts cover the common React 19 cases; minor gaps remain — e.g. `revalidatePath` is a Next.js API that is never imported, so the Actions example is not fully executable as written.

4 / 5

Workflow Clarity

This is a single-purpose pattern skill with an unambiguous action (apply these rules when writing React 19 components), reinforced by explicit (REQUIRED) labels; no destructive or batch operations require validation checkpoints.

5 / 5

Progressive Disclosure

Sections are well-organized and content is appropriately placed inline given its brevity, but the body exceeds 50 lines with no reference files, so the simple-skill 5 rule does not fully apply; a deeper topic like Actions could live in a reference file.

4 / 5

Total

17

/

20

Passed

Description

57%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 has an explicit trigger clause and a distinctive React 19/Compiler niche, but it undersells the skill's specifics: no concrete capabilities are named and common synonyms like "memoization" or "hooks" are absent. Rewriting it to enumerate 2-3 concrete actions with natural trigger phrases would move it from adequate to strong.

Suggestions

List concrete capabilities in the description, e.g. "Write React 19 server/client components, use() hook, useActionState, and ref-as-prop — no manual memoization with React Compiler".

Add natural trigger synonyms such as "memoization", "hooks", "performance optimization", or "migrating to React 19" so users' phrasing matches the trigger.

Narrow the trigger beyond "writing React components" (which matches nearly all React work) to when these React 19 patterns actually apply, e.g. "Use when writing or refactoring React 19 components".

DimensionReasoningScore

Specificity

"React 19 patterns with React Compiler" names the domain but offers no concrete actions — "patterns" is generic, and no specific capabilities (server components, use() hook, ref-as-prop) are enumerated.

2 / 5

Completeness

Both what ("React 19 patterns with React Compiler") and when ("Trigger: When writing React components") are explicitly present; however, the what is terse and the when is broad — nearly any React component work — so both could be more specific.

4 / 5

Trigger Term Quality

Contains natural trigger terms like "writing React components" and "useMemo/useCallback", but misses common variations and synonyms users would say, such as "memoization", "hooks", or "performance".

3 / 5

Distinctiveness Conflict Risk

"React 19" plus "React Compiler" carves out a clear niche with distinct triggers; only minor overlap risk exists with a generic React or performance-optimization skill.

4 / 5

Total

13

/

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

Gentleman-Programming/Gentleman-Skills

Path

curated/react-19/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.