CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

add-component

Install one extend-ui-svelte component into the current Svelte 5 project, with its engine dependencies, SSR-safe setup, and a minimal usage example. Invoked as /extend-ui-svelte:add-component <component-name>.

Quality

85%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Low

Low-risk findings worth noting

SKILL.md
Quality
Evals
Security

Quality

Content

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

An excellent procedural skill body: fully executable commands, a well-sequenced nine-step workflow with real validation and feedback loops, and no padding. The only weaknesses are time-sensitive data (a dated registry-404 note and pinned versions) inlined outside any old-patterns section and some reference-grade lists that could be split into separate files.

DimensionReasoningScore

Conciseness

The body is dense and imperative with no explanations of concepts Claude already knows — nearly every token earns its place. It is not a 5 because time-sensitive information sits inline rather than in a deprecation/old-patterns section ("If it 404s (the state on 2026-10-18)" and many pinned versions like "pdfjs-dist@^6.4.299"), and a few long parentheticals could be trimmed.

4 / 5

Actionability

Fully executable throughout: exact commands ("curl -fsSL --create-dirs -o <dest> <url>"), exact registry and tarball URLs, an exact CSS line to add ("@custom-variant dark (&:where(.dark, .dark *));"), a complete runnable Svelte example, and per-component required-props lists. This matches the copy-paste-ready top anchor.

5 / 5

Workflow Clarity

Nine clearly sequenced steps with explicit validation checkpoints and feedback loops: name validation with a stop condition ("If the name is empty or still not in the list, print the valid names and stop"), an import-resolution grep check, and step 8's type check plus dev-server render verification with "Fix errors in what you wrote". Conditional branching (registry-first, manual copy fallback) is handled explicitly.

5 / 5

Progressive Disclosure

Good structure: numbered step headings and clearly signaled references to the hub skill's "references/installation.md" and "references/dark-mode-and-theming.md" (this bundle has no files of its own). Minor gap: reference-worthy material is inlined in the body — the engine npm closure list, the alias table, and the per-component props list could each live in a reference file to keep the overview leaner.

4 / 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 strong description: concrete, third-person, names its niche explicitly, and includes an explicit invocation trigger. The main gaps are the absence of natural-language "Use when..." phrasing and a few missing synonyms that would push trigger quality to the top anchor.

Suggestions

Add a natural-language trigger clause (e.g., "Use when the user asks to add or install an extend-ui-svelte component such as the pdf-viewer or e-signature") so it fires from conversational requests, not just the slash command.

Mention one or two concrete component names (e.g., pdf-viewer, e-signature) in the description to broaden natural keyword coverage.

DimensionReasoningScore

Specificity

"Install one extend-ui-svelte component into the current Svelte 5 project, with its engine dependencies, SSR-safe setup, and a minimal usage example" names the domain and several concrete actions (install, engine dependencies, SSR-safe setup, usage example). It falls short of the 5 anchor because coverage has minor gaps (e.g., no mention of the npm vs copy-in install paths or verification), but exceeds the 3 anchor's 1-2 actions.

4 / 5

Completeness

The "what" is clear (install a component with engine dependencies, SSR-safe setup, and a usage example), and the "when" is present as explicit trigger guidance via "Invoked as /extend-ui-svelte:add-component <component-name>" — this avoids the missing-trigger cap of 3. It does not reach 5 because the invocation sentence is mechanical rather than natural-language "Use when..." trigger phrases.

4 / 5

Trigger Term Quality

Includes good keywords users would say for this need: "Install", "component", the library name "extend-ui-svelte", "Svelte 5", and the explicit invocation "/extend-ui-svelte:add-component". A few natural terms/synonyms are missing (e.g., "add component", "svelte component library"), so it does not reach the 5 anchor's comprehensive synonym coverage.

4 / 5

Distinctiveness Conflict Risk

It names a specific niche library ("extend-ui-svelte") and framework ("Svelte 5 project") plus a unique slash-command invocation, giving it a clear niche with distinct triggers and minimal conflict risk with other skills.

5 / 5

Total

17

/

20

Passed

Validation

81%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

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

referenced_paths_exist

Referenced path issues: 2 missing

Warning

Total

13

/

16

Passed

Repository

freightCognition/linehaulai-claude-marketplace

Path

plugins/extend-ui-svelte/skills/add-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.