CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

dev-create-island

Use when adding an interactive UI component that requires client-side JavaScript - creates a framework island with hydration strategy.

Quality

84%

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

86%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.

A lean, highly actionable skill: concrete file paths, hydration options with selection guidance, a typed template, usage syntax, and a validation command. Only minor tightening of duplicated lines and an explicit fix-and-retry loop after validation would improve it.

DimensionReasoningScore

Conciseness

Efficient overall — terse step bullets, lean hydration-directive table, and minimal templates — but with minor redundancy: 'Read `docs/ARCHITECTURE.md` section 5.2' repeats the intro line, and the checklist item 'Props are serializable' duplicates the code comment 'all props must be serializable'. Not a 5 because not every token earns its place; not a 3 because there is no padding or explanation of concepts Claude already knows.

4 / 5

Actionability

Fully executable for the common case: concrete per-framework paths ('src/islands/IslandName.tsx'), a complete typed-props React template, exact usage syntax ('<IslandName client:idle prop1="value" prop2={42} />'), and a runnable validation command ('npx astro check && npx astro build'). The placeholder props/JSX are inherent to scaffolding a new named component rather than gaps, so this is above the 4 anchor.

5 / 5

Workflow Clarity

A clear 8-step sequence with a routing checkpoint (step 2: 'if the component is purely presentational, use /dev-create-component instead') and an explicit validation step (step 8), plus a checklist. It falls short of the 5 anchor only because there is no error-recovery feedback loop (e.g., 'if astro check fails, fix and re-run'); this is not a destructive or batch operation, so no cap applies.

4 / 5

Progressive Disclosure

The body is short (~55 lines) and well organized as a single '## Steps' section with everything appropriately inline — there is nothing that belongs in a separate file — and the one external pointer ('docs/ARCHITECTURE.md section 5.2') is clearly signaled and one level deep. No bundle files (references/, scripts/, assets/) exist, and none are needed.

5 / 5

Total

18

/

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.

A well-formed description that follows the recommended pattern: an explicit, specific 'Use when' trigger and a clear statement of what it does. Trigger-term coverage and the number of concrete actions named are the only areas with room to improve.

Suggestions

Add one or two more concrete actions to the what-clause, e.g., 'creates a framework island, selects the least aggressive hydration strategy (client:load/idle/visible), and wires it into an .astro page'.

Broaden trigger terms with natural variations users would say, such as 'widget', 'interactive element', or framework names (React, Vue, Svelte).

DimensionReasoningScore

Specificity

It names the domain ('interactive UI component that requires client-side JavaScript') and 1-2 concrete actions ('creates a framework island with hydration strategy'), matching the anchor for domain plus a couple of actions. It is not a 4 because it does not list several specific actions (e.g., choosing the hydration directive, wiring usage into an .astro page).

3 / 5

Completeness

Both parts are explicit: what ('creates a framework island with hydration strategy') and when ('Use when adding an interactive UI component that requires client-side JavaScript'), with a concrete trigger phrase. The when-clause is already explicit and specific, so the 4 anchor's deficiency ('when' could be more explicit) does not apply.

5 / 5

Trigger Term Quality

'interactive UI component' and 'client-side JavaScript' are natural phrases a user would say, giving good keyword coverage. It falls short of the 5 anchor because common variations are missing — 'widget', 'interactive element', or framework names (React, Vue, Svelte) — while exceeding the 3 anchor's 'missing common variations' level.

4 / 5

Distinctiveness Conflict Risk

'framework island with hydration strategy' carves a clear niche with low conflict risk, but 'interactive UI component' could also plausibly trigger a general component-creation skill (the body itself routes to /dev-create-component), leaving minor overlap with a closely related skill. The 5 anchor requires minimal conflict risk with distinct triggers.

4 / 5

Total

16

/

20

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.

Validation — 14 / 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

fernandezbaptiste/specialist-agent

Path

packs/astro/skills/dev-create-island/SKILL.md

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.