CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

dev-create-component

Use when adding a new UI component to an existing module - handles templates, props, and test scaffolding.

Quality

75%

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 ./packs/svelte/skills/dev-create-component/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

78%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 body is a strong example of a focused, single-purpose skill: a complete copy-paste Svelte 5 template, concrete file paths per component type, a structural checklist, and an exact validation command. Its weaknesses are small — a duplicated architecture-doc reference, a promised-but-missing test scaffolding step, and no guidance on what to do when svelte-check fails.

Suggestions

Add a test-scaffolding step (e.g. create ComponentName.test.ts alongside the component) so the body delivers what the description promises.

Add one feedback-loop line after validation: 'If svelte-check reports errors, fix them and re-run until it passes.'

Remove the redundancy between the intro line and step 1 — keep the 'Read docs/ARCHITECTURE.md section 5' instruction in one place.

DimensionReasoningScore

Conciseness

The body is lean — no explanations of concepts Claude already knows, and the 40-line template is the core deliverable that earns its place — but 'Create a Svelte component following docs/ARCHITECTURE.md section 5' and step 1 'Read docs/ARCHITECTURE.md section 5' are near-duplicates that could be trimmed, matching 'efficient; minor instances of over-explanation that could be trimmed'.

4 / 5

Actionability

The Svelte 5 runes template is copy-paste ready with typed $props, $state, and $derived examples, paths are concrete, and validation is an exact command — but the frontmatter description promises 'test scaffolding' and no test-creation step exists anywhere in the body, a minor coverage gap that keeps it below anchor 5.

4 / 5

Workflow Clarity

Five clearly sequenced steps with an explicit validation checkpoint ('npx svelte-check --tsconfig ./tsconfig.json') and a structural checklist, but there is no error-recovery feedback loop (e.g. 'if svelte-check fails, fix issues and re-run'), matching 'clear sequence with most checkpoints present; minor validation gaps' rather than the anchor-5 example with its fix-and-revalidate cycle. This is a non-destructive, single-file operation, so the destructive/batch cap does not apply.

4 / 5

Progressive Disclosure

A single-file skill with no bundle files: a one-line overview, one clearly signaled one-level-deep reference (docs/ARCHITECTURE.md section 5), well-organized numbered steps, and no content that belongs in a separate file at this size — easy navigation with zero nesting, matching the anchor-5 structure.

5 / 5

Total

17

/

20

Passed

Description

62%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 has a solid, explicit 'Use when...' trigger and names concrete sub-tasks (templates, props, test scaffolding), but its action verb is generic and it never mentions Svelte — the single most natural trigger term for this skill. It sits comfortably at the mid-to-upper range: clearly better than vague one-liners, short of the comprehensive, synonym-rich exemplars.

Suggestions

State the framework explicitly and lead with a concrete action verb, e.g. 'Scaffolds a new Svelte 5 component (runes template, typed props, checklist) in an existing module' instead of 'handles templates, props, and test scaffolding'.

Add natural trigger synonyms and file extensions to the 'when' clause: 'Use when adding/creating a new UI or Svelte component (.svelte) to an existing module'.

Mention the validation step (svelte-check) and test scaffolding concretely so the 'what' matches what the skill actually does.

DimensionReasoningScore

Specificity

Names the domain ('adding a new UI component to an existing module') and lists concrete objects ('templates, props, and test scaffolding'), but the single generic verb 'handles' lacks the specific action verbs of the anchor-4 example ('Extracts... fills... converts').

3 / 5

Completeness

Both parts are present: an explicit 'when' ('Use when adding a new UI component to an existing module') and a 'what' ('handles templates, props, and test scaffolding'), but the 'what' is thin — it never mentions Svelte, file scaffolding, or validation, so it falls short of the fully concrete anchor-5 example.

4 / 5

Trigger Term Quality

'UI component', 'props', and 'test scaffolding' are natural terms, but the description omits the framework name 'Svelte', the '.svelte' extension, and common variations like 'create component' or 'new component', matching 'some relevant keywords but missing common variations or synonyms'.

3 / 5

Distinctiveness Conflict Risk

The trigger 'adding a new UI component to an existing module' carves a mostly distinct niche, but omitting 'Svelte' leaves minor overlap risk with React/Vue component-creation skills, matching 'mostly distinct; minor overlap risk with closely related skills' rather than the clear-niche anchor 5.

4 / 5

Total

14

/

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/svelte/skills/dev-create-component/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.