CtrlK
BlogDocsLog inGet started
Tessl Logo

react-nextjs-development

React and Next.js 14+ application development with App Router, Server Components, TypeScript, Tailwind CSS, and modern frontend patterns.

58

Quality

68%

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 ./plugins/AI-Agents-Safe-Coding-Skills-claude/skills/react-nextjs-development/SKILL.md

The canonical home for this skill is react-nextjs-development in administrakt0r/AI-Agents-Safe-Coding-Skills

SKILL.md
Quality
Evals
Security

Quality

Content

75%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 workflow body is well-structured, lean, and actionable, with clear phase sequencing and a quality-gates checklist. Its main weakness is that validation checkpoints live only at the end rather than within each phase.

DimensionReasoningScore

Conciseness

The body is efficient and assumes Claude's competence — it does not explain React/Next.js concepts and uses terse phase/action/prompt structure; minor trimmable repetition across the identical 'Skills to Invoke / Actions / Copy-Paste Prompts' blocks keeps it just below a 5.

4 / 5

Actionability

Concrete copy-paste prompts naming specific skills (e.g., 'Use @app-builder to scaffold a new Next.js 14 project with App Router') give mostly executable guidance; per the code-vs-instruction note, absence of code is acceptable for this orchestration skill, though some action bullets ('Design component hierarchy') are less concrete, so not a 5.

4 / 5

Workflow Clarity

Eight phases are clearly sequenced and a closing Quality Gates checklist provides validation checkpoints, matching score 4; it is not a 5 because validation is consolidated at the end rather than per-phase, with no explicit validate->fix->retry feedback loops inside phases.

4 / 5

Progressive Disclosure

No bundle files exist (references/scripts/assets absent) and the body is well-organized with clear section headers and no nested file references, fitting score 4's 'good structure, appropriately placed, minor organization gaps'; it is not a 5 only because the >50-line body relies on a formulaic repeated template.

4 / 5

Total

16

/

20

Passed

Description

61%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 clearly states what the skill covers and uses strong natural trigger terms, but it lacks any explicit 'Use when...' trigger guidance, which caps completeness. Adding a usage-trigger clause would raise the score.

Suggestions

Append an explicit 'Use when...' clause naming concrete triggers (e.g., 'Use when scaffolding a Next.js 14+ App Router project, implementing Server Components, or setting up TypeScript with Tailwind CSS').

Reframe the technology list as concrete actions (e.g., 'scaffold, build, and deploy React/Next.js 14+ apps') to improve specificity beyond generic 'application development'.

Add informal synonyms/variants (e.g., 'Next.js App Router', 'RSC') to push trigger-term coverage toward comprehensive.

DimensionReasoningScore

Specificity

Names the domain ('React and Next.js 14+ application development') and several concrete elements (App Router, Server Components, TypeScript, Tailwind CSS), but these are technologies/patterns rather than concrete verbs; the action 'application development' is generic, matching the score-3 anchor of domain plus 1-2 concrete actions without comprehensive coverage.

3 / 5

Completeness

The 'what' is clear but there is no 'Use when...' clause or equivalent explicit trigger guidance, so per the rubric completeness is capped at 3 ('clear what but when missing or only weakly implied').

3 / 5

Trigger Term Quality

Natural terms users actually say are well covered ('React', 'Next.js 14+', 'App Router', 'Server Components', 'TypeScript', 'Tailwind CSS'), matching score 4's 'good keyword coverage; a few natural terms missing'; not a 5 because no synonyms or informal variants are included.

4 / 5

Distinctiveness Conflict Risk

The combination of Next.js 14+ App Router, Server Components, TS, and Tailwind carves a fairly distinct niche with only minor overlap risk against closely related general frontend skills, matching score 4 rather than 5 because adjacent React/frontend skills could still trigger.

4 / 5

Total

14

/

20

Passed

Validation

93%

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

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

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

Warning

Total

15

/

16

Passed

Repository
administrakt0r/AI-Agents-Safe-Coding-Skills
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.