CtrlK
BlogDocsLog inGet started
Tessl Logo

react-development

Enforces naming conventions, prop typing patterns, file structure, and test coverage standards. Use when creating or modifying React components, custom hooks, or component tests. Trigger terms: React app, .tsx files, testing library, custom hooks, functional components

100

Quality

100%

Does it follow best practices?

Impact

Pending

No eval scenarios have been run

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Quality

Discovery

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.

This is a well-crafted skill description that clearly communicates its purpose, scope, and activation triggers. It uses third person voice, lists concrete capabilities, provides explicit 'Use when' guidance, and includes natural trigger terms. It serves as a strong example of an effective skill description.

DimensionReasoningScore

Specificity

Lists multiple specific concrete actions: enforcing naming conventions, prop typing patterns, file structure, and test coverage standards. These are distinct, actionable capabilities.

3 / 3

Completeness

Clearly answers both 'what' (enforces naming conventions, prop typing, file structure, test coverage) and 'when' (creating/modifying React components, custom hooks, or component tests), with explicit trigger terms listed.

3 / 3

Trigger Term Quality

Explicitly lists natural trigger terms users would say: 'React app', '.tsx files', 'testing library', 'custom hooks', 'functional components'. These cover common variations of how users would describe React development tasks.

3 / 3

Distinctiveness Conflict Risk

Clearly scoped to React component development standards with specific triggers like '.tsx files', 'testing library', and 'custom hooks' that are unlikely to conflict with general coding or non-React skills.

3 / 3

Total

12

/

12

Passed

Implementation

100%

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

This is a high-quality skill that efficiently covers React development standards with concrete, actionable guidance. It demonstrates excellent structure with a clear workflow, executable code examples, verification commands with error recovery loops, and appropriate progressive disclosure to external references. The content respects Claude's intelligence throughout, never explaining basic concepts.

DimensionReasoningScore

Conciseness

The content is lean and efficient. It avoids explaining what React, TypeScript, or CSS Modules are, and assumes Claude's competence. Every section delivers actionable information without padding or unnecessary context.

3 / 3

Actionability

Provides fully executable code examples for both component creation and testing, concrete bash commands for verification, and specific error recovery steps. The component example and test example are copy-paste ready.

3 / 3

Workflow Clarity

The 'New Component Workflow' provides a clear 5-step sequence. The 'Verification commands + error recovery' section includes explicit validation steps with feedback loops (lint fails → fix → re-run; typecheck fails → inspect → add types; tests fail → runInBand → reproduce).

3 / 3

Progressive Disclosure

Content is well-structured with clear sections. References to external files (REFERENCE.md for TypeScript patterns, api-patterns for validation) are one level deep and clearly signaled. The skill stays concise as an overview without inlining excessive detail.

3 / 3

Total

12

/

12

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.

Validation11 / 11 Passed

Validation for skill structure

No warnings or errors.

Repository
monkilabs/opencastle
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.