CtrlK
BlogDocsLog inGet started
Tessl Logo

svelte5

Reviews Svelte components for idiomatic patterns, identifies anti-patterns carried over from React/Vue/Svelte 4, and suggests Svelte 5 refactorings. Use when writing or reviewing Svelte components, asking "is this idiomatic", "Svelte way", doing Svelte 5 migration, or encountering smells like: effect assigns state, prop copied to $state, global store by default, $bindable everywhere, clickable div, createEventDispatcher, export let, on:click, slot-shaped APIs, lifecycle-driven code, imperative DOM wiring, immutable-update ceremony, context value replacement, shadcn-svelte form structure, Field.* components, bits-ui form controls, or component APIs that hide ownership. This is the general-purpose entry point for Svelte component review; delegates to sveltekit for routes/load/actions/server concerns and to focused references for details.

100

1.12x
Quality

100%

Does it follow best practices?

Impact

100%

1.12x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Quality

Content

100%

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

This is an exceptionally well-crafted skill that serves as a model for how to structure a review-oriented SKILL.md. It is concise yet comprehensive, with 18 numbered principles each backed by concrete code examples and linked references. The smell index provides an efficient lookup table, and the review workflow is clearly sequenced with appropriate validation steps.

DimensionReasoningScore

Conciseness

The skill is remarkably efficient — it assumes Claude already knows Svelte syntax and focuses entirely on changing defaults and mental models. Every principle is stated as a concise rule with a brief rationale, code examples are minimal but illustrative, and there's no padding or explanation of basics.

3 / 3

Actionability

The skill provides concrete, executable Svelte 5 code examples with clear ❌/✅ patterns, a structured review process (4 steps), and a comprehensive smell index that maps directly to referenced guides. The 'Running a Review' section gives specific, actionable steps including what to check first and how to prioritize output.

3 / 3

Workflow Clarity

The 'Running a Review' section provides a clear 4-step sequence: detect version → apply principles with smell index → judge performance on evidence → shape output by priority. The workflow includes validation (check package.json first, don't recommend wrong-version syntax) and prioritization guidance (high-impact first, then rewrites, then nice-to-haves).

3 / 3

Progressive Disclosure

The skill is an exemplary overview that states each principle concisely inline, then points to one-level-deep reference files for details. Every reference is clearly signaled with descriptive names and consistent linking. The smell index serves as a navigation table mapping problems to specific reference files. Cross-references to the sveltekit skill are clearly noted. However, no bundle files were provided to verify the references exist.

3 / 3

Total

12

/

12

Passed

Description

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 an excellent skill description that clearly defines its scope, provides extensive natural trigger terms, and explicitly delineates boundaries with related skills. It uses proper third-person voice throughout and balances comprehensiveness with clarity. The enumeration of specific anti-patterns and code smells serves double duty as both capability documentation and trigger terms.

DimensionReasoningScore

Specificity

Lists multiple specific concrete actions: reviews components for idiomatic patterns, identifies anti-patterns from React/Vue/Svelte 4, suggests Svelte 5 refactorings. Also enumerates many specific code smells like 'effect assigns state', 'prop copied to $state', 'createEventDispatcher', 'export let', etc.

3 / 3

Completeness

Clearly answers both 'what' (reviews Svelte components, identifies anti-patterns, suggests refactorings) and 'when' (explicit 'Use when...' clause with multiple trigger scenarios). Also clarifies scope boundaries by noting delegation to sveltekit for routes/load/actions.

3 / 3

Trigger Term Quality

Excellent coverage of natural trigger terms users would say: 'is this idiomatic', 'Svelte way', 'Svelte 5 migration', plus specific technical terms like 'createEventDispatcher', 'export let', 'on:click', 'slot-shaped APIs', '$bindable', 'shadcn-svelte'. These are terms a developer would naturally use when seeking Svelte review help.

3 / 3

Distinctiveness Conflict Risk

Highly distinctive with a clear niche in Svelte component review specifically. Explicitly delineates boundaries with related skills (delegates to sveltekit for routes/load/actions/server concerns), reducing conflict risk. The extensive list of Svelte-specific smells makes it very unlikely to trigger for non-Svelte tasks.

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
joshuadavidthomas/agent-skills
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.