CtrlK
BlogDocsLog inGet started
Tessl Logo

create-react-component

Use when: creating a new Relay-connected React component, defining a GraphQL fragment, or wiring a component to a query

70

Quality

86%

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

SKILL.md
Quality
Evals
Security

Quality

Content

93%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 lean and actionable with a complete executable code example and a concrete build command. The only gap is the absence of an explicit validation/verification step after running the Relay compiler.

Suggestions

Add an explicit verification step after `yarn relay`, e.g. run a typecheck (`yarn tsc --noEmit`) and confirm the generated `__generated__` types exist before considering the component done.

In Step 1, show the actual file-creation action (e.g. a path template or `touch` command) rather than only stating the location, so the step is as executable as Step 2.

Add a brief feedback loop: if `yarn relay` reports fragment or schema errors, fix the fragment and re-run before proceeding.

DimensionReasoningScore

Conciseness

The body is lean: it assumes Claude knows Relay/GraphQL, gives a complete code example, and avoids padded explanation, so every token earns its place.

5 / 5

Actionability

Step 2 provides a copy-paste-ready full component and Step 3 gives the concrete `yarn relay` command, covering the common case fully.

5 / 5

Workflow Clarity

Steps 0-3 are clearly sequenced and `yarn relay` acts as an implicit checkpoint, but there is no explicit validation or feedback loop (e.g. verify generated types); not a 5 for that gap, and not capped at 3 since this is not a destructive or batch operation.

4 / 5

Progressive Disclosure

Under 50 lines with no bundle files needed and well-organized Prerequisites/Procedure/Steps sections, qualifying for the top anchor under the simple-skill guideline.

5 / 5

Total

19

/

20

Passed

Description

78%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 is concise and trigger-oriented, leading with an explicit 'Use when:' clause and three concrete actions in a clear niche. Its main weakness is that the 'what' is implied through the trigger actions rather than stated as a standalone capability.

DimensionReasoningScore

Specificity

Lists three concrete actions ('creating a new Relay-connected React component, defining a GraphQL fragment, or wiring a component to a query'), matching the anchor for several specific actions with minor gaps; not a 5 since coverage omits mutations and pagination.

4 / 5

Completeness

An explicit 'Use when:' clause with concrete triggers answers 'when' clearly, and the listed actions convey 'what'; not a 5 because the 'what' is embedded in the triggers rather than stated as a separate capability.

4 / 5

Trigger Term Quality

Natural terms like 'Relay-connected React component', 'GraphQL fragment', and 'query' give good keyword coverage; a few natural synonyms (e.g. 'useFragment', 'Relay container') are missing, so it is not a 5.

4 / 5

Distinctiveness Conflict Risk

The Relay + React + GraphQL fragment niche is specific with distinct triggers and minimal overlap risk with other skills, matching the top anchor.

5 / 5

Total

17

/

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.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
OpenCTI-Platform/opencti
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.