CtrlK
BlogDocsLog inGet started
Tessl Logo

nextjs-react-expert

React and Next.js performance optimization from Vercel Engineering. Use when building React components, optimizing performance, eliminating waterfalls, reducing bundle size, reviewing code for performance issues, or implementing server/client-side optimizations.

62

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

Quality

Content

50%

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

The body is a well-structured navigation hub with a content map, decision tree, and checklists, but it is repetitive and defers most actionable rules to section files that are not actually bundled. Broken/missing section references are the main weakness.

Suggestions

Either bundle the nine referenced section .md files under references/ or remove the Content Map rows pointing to them, so every navigated reference resolves to a real file.

Consolidate the repeated section-priority lists (Content Map, Decision Tree, Impact Priority Guide, Section Details) into one authoritative ranking to reduce token redundancy.

Add an explicit validate/review checkpoint (e.g., run scripts/react_performance_checker.py and triage its output) into the performance-review workflow rather than only listing the script.

DimensionReasoningScore

Conciseness

The body restates the same section priorities across the Content Map, Quick Decision Tree, Impact Priority Guide, and Section Details, and adds emoji/visual padding; it is mostly efficient but could be tightened by consolidating the repeated priority lists.

2 / 3

Actionability

Concrete do/don't examples and code snippets (Promise.all(), dynamic(() => import('./Heavy'))) appear, but most actual guidance is deferred to external section files rather than given inline, leaving the body as a navigational index more than executable instruction.

2 / 3

Workflow Clarity

The decision tree and review priority order give a clear sequence, but the substantive rules live in referenced files that are not present, and the performance-review workflow lacks explicit validation checkpoints beyond pointing at the checker script.

2 / 3

Progressive Disclosure

The Content Map clearly signals one-level-deep references, but the nine referenced section .md files do not exist in any bundle directory, so the navigation points to missing material; only scripts/react_performance_checker.py is a real, verifiable reference.

2 / 3

Total

8

/

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 specific, trigger-rich, and clearly answers both what the skill does and when to use it, with a distinct React/Next.js performance niche. It is concise without padding or over-claims.

DimensionReasoningScore

Specificity

Lists multiple concrete actions in third person — "building React components, optimizing performance, eliminating waterfalls, reducing bundle size, reviewing code for performance issues, or implementing server/client-side optimizations" — matching the anchor for naming several specific concrete actions.

3 / 3

Completeness

Explicitly states both what it does ("React and Next.js performance optimization") and when to use it ("Use when building React components, optimizing performance..."), with an explicit trigger clause.

3 / 3

Trigger Term Quality

Natural user-facing terms like "optimizing performance", "reducing bundle size", and "eliminating waterfalls" give good coverage of phrasing a user would actually say, beyond technical jargon.

3 / 3

Distinctiveness Conflict Risk

The React/Next.js performance niche with specific triggers (waterfalls, bundle size, server/client optimization) is clearly distinguishable and unlikely to fire for unrelated skills.

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

allowed_tools_field

'allowed-tools' contains unusual tool name(s)

Warning

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

14

/

16

Passed

Repository
vudovn/ag-kit
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.