CtrlK
BlogDocsLog inGet started
Tessl Logo

react-web

React web development with hooks, React Query, Zustand

52

Quality

60%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No known issues

Fix and improve this skill with Tessl

tessl review fix ./skills/react-web/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

70%

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 and the test-first workflow is clearly sequenced with validation checkpoints, but the skill is a long monolithic file with duplicated examples and no progressive disclosure into separate reference files.

Suggestions

Split large reference sections (testing, state management, routing, forms) into separate reference files under references/ and link to them from a concise overview in SKILL.md.

Remove the duplicated Button and useCounter test examples (present in both the Test-First and Testing sections) to reduce token cost.

Tighten prose throughout so every remaining token earns its place, since the body is currently voluminous.

DimensionReasoningScore

Conciseness

The body is mostly lean code with little concept-over-explanation, but it is voluminous and duplicates content (the Button and useCounter tests appear both in the Test-First section and again in the Testing section), so it could be tightened to earn its tokens.

2 / 3

Actionability

It provides numerous fully executable, copy-paste-ready examples with real imports, complete component/hook implementations, and specific commands like `npm test -- Button`, matching the anchor for fully executable, copy-paste-ready guidance.

3 / 3

Workflow Clarity

The Test-First Development workflow is clearly sequenced with numbered steps, an enforcement checklist, and an explicit validation feedback loop (run tests and FAIL, then only create implementation), matching the anchor for clear sequence with explicit validation and checklists.

3 / 3

Progressive Disclosure

The skill is a monolithic wall of text in a single SKILL.md with no references to separate files and no bundle files present, fitting the anchor for a monolithic wall of text with poor progressive disclosure.

1 / 3

Total

9

/

12

Passed

Description

50%

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 identifies the React web domain and its core technologies but is generic about actions and lacks an explicit "Use when..." trigger clause. Adding concrete actions and trigger guidance would lift specificity, completeness, and distinctiveness.

Suggestions

Add an explicit "Use when..." clause naming concrete user triggers (e.g., "Use when building or refactoring React components, hooks, or pages, or when the user mentions React, React Query, or Zustand").

List concrete actions the skill performs (e.g., "build components, extract logic to hooks, manage state with Zustand, fetch server state with React Query") instead of only naming technologies.

Include more natural trigger variations users actually say (React app, React component, frontend, state management) to improve trigger-term coverage.

DimensionReasoningScore

Specificity

The description "React web development with hooks, React Query, Zustand" names the domain and specific technologies but does not enumerate concrete actions (e.g., build components, manage state), matching the anchor for naming domain and some actions without being comprehensive.

2 / 3

Completeness

The description states what the skill covers but lacks an explicit "Use when..." trigger clause; per the judging guidelines, a missing explicit trigger guidance caps completeness at 2.

2 / 3

Trigger Term Quality

It includes relevant natural keywords (React, hooks, React Query, Zustand) but omits common variations users would say (React app, React component, frontend, state management), fitting the anchor of some relevant keywords missing common variations.

2 / 3

Distinctiveness Conflict Risk

"React web development with hooks, React Query, Zustand" carves a somewhat specific niche but is broad within React and could overlap with related React skills, matching the anchor for somewhat specific but still potentially overlapping.

2 / 3

Total

8

/

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

skill_md_line_count

SKILL.md is long (557 lines); consider splitting into references/ and linking

Warning

frontmatter_unknown_keys

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

Warning

Total

14

/

16

Passed

Repository
alinaqi/claude-bootstrap
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.