tessl-labs/svelte-best-practices
Svelte 5 runes, component patterns, reactivity, and SvelteKit data loading best practices
99
99%
Does it follow best practices?
Impact
99%
1.11xAverage score across 10 eval scenarios
Passed
No known issues
Quality
Discovery
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 around Svelte 5 and SvelteKit development. It provides specific capabilities, includes framework-specific terminology that users would naturally use, and has an explicit 'Use when' clause with detailed trigger conditions. The description is concise yet comprehensive, using proper third-person voice throughout.
| Dimension | Reasoning | Score |
|---|---|---|
Specificity | Lists multiple specific concrete actions and concepts: 'Svelte 5 runes, SvelteKit patterns, component design, reactivity, and data loading' with explicit examples like '$state, $derived, $effect, $props', snippets, event handling, load functions, and form actions. | 3 / 3 |
Completeness | Clearly answers both what ('Svelte 5 runes, SvelteKit patterns, component design, reactivity, and data loading') and when ('Use when building or reviewing Svelte/SvelteKit apps, especially with...') with explicit trigger guidance. | 3 / 3 |
Trigger Term Quality | Excellent coverage of natural terms users would say: 'Svelte', 'SvelteKit', 'Svelte 5', 'runes', specific rune names ($state, $derived, $effect, $props), 'snippets', 'event handling', 'load functions', 'form actions' - these match how developers naturally discuss these technologies. | 3 / 3 |
Distinctiveness Conflict Risk | Highly distinctive with clear niche targeting Svelte/SvelteKit specifically, including version-specific features (Svelte 5 runes). Unlikely to conflict with other frontend framework skills due to explicit framework naming and unique terminology like '$state', '$derived'. | 3 / 3 |
Total | 12 / 12 Passed |
Implementation
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 excellent skill document that efficiently teaches Svelte 5 patterns through clear WRONG/RIGHT comparisons. The content is highly actionable with complete, typed code examples covering all major Svelte 5 runes and SvelteKit patterns. The structure with numbered sections, a checklist, and external references makes it easy to navigate and verify compliance.
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | The content is highly efficient, using clear WRONG/RIGHT comparisons without explaining basic concepts Claude already knows. Every section provides essential Svelte 5-specific information without padding. | 3 / 3 |
Actionability | All code examples are complete, executable Svelte 5 code with proper TypeScript typing. The patterns are copy-paste ready with realistic use cases like API fetching, form handling, and component composition. | 3 / 3 |
Workflow Clarity | For a reference/patterns skill, the workflow is clear: each section shows the legacy pattern to avoid, then the correct Svelte 5 pattern. The checklist at the end provides a clear validation sequence for reviewing code. | 3 / 3 |
Progressive Disclosure | Content is well-organized with clear sections, a comprehensive checklist, and external references to official Svelte documentation. The verifiers section provides clear pointers to validation tools without deep nesting. | 3 / 3 |
Total | 12 / 12 Passed |
Validation
90%Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.
Validation — 10 / 11 Passed
Validation for skill structure
| Criteria | Description | Result |
|---|---|---|
frontmatter_unknown_keys | Unknown frontmatter key(s) found; consider removing or moving to metadata | Warning |
Total | 10 / 11 Passed | |
Reviewed
Table of Contents