Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx agentmods add skills/robcsaszar/frontend-kit/with-sveltenpx skills add robcsaszar/frontend-kit --skill with-sveltegit clone --depth 1 https://github.com/robcsaszar/frontend-kitWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/robcsaszar/frontend-kit/with-svelte)<a href="https://agentmods.dev/skills/robcsaszar/frontend-kit/with-svelte"><img src="https://agentmods.dev/badge/skills/robcsaszar/frontend-kit/with-svelte.svg" alt="Measured on agentmods" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5 | $0.00203 | $0.01721 |
| Opus 5 | $0.00102 | $0.00860 |
| Sonnet 5 | $0.00041 | $0.00344 |
| Haiku 4.5 | $0.00020 | $0.00172 |
Grade A, and why
with-svelte scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 4d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 81 lines — stays where its author put it; the contents beside it link to each section on GitHub.
with-svelte
Unified Svelte 5 + SvelteKit skill. This body is a router: apply the always-on core below, then READ the one reference file that matches the task before writing code. Load only the file(s) you need — not all of them.
Always-on core (every Svelte task)
Write runes-mode Svelte 5. Never reach for a legacy feature that has a modern replacement:
$stateinstead of implicitlet count = 0; count += 1$derived/$effectinstead of$:— and prefer$derivedover$effect(effects are an escape hatch; never set state inside one)$propsinstead ofexport let,$$props,$$restPropsonclick={...}instead ofon:click={...}{#snippet}/{@render}instead of<slot>,$$slots,<svelte:fragment>{@attach ...}instead ofuse:action<DynamicComponent>instead of<svelte:component this={...}>;import Selfinstead of<svelte:self>- classes with
$statefields instead of stores;createContextinstead ofsetContext/getContext - clsx-style class arrays/objects instead of the
class:directive - keyed
{#each}— never use the index as the key
When unsure of current syntax, do not guess — confirm via the @sveltejs/mcp CLI (see references/tooling.md) and run svelte-autofixer before finalizing any component.
Routing table — READ the matching reference before writing
| Task involves… | MANDATORY READ |
|---|---|
Runes — $state, $derived, $effect, choosing between them |
references/runes-core.md |
Runes — $props, $bindable, reactive class fields, createSubscriber, $inspect |
references/runes-props.md |
Runes — await in components, async reactivity, hydratable |
references/runes-async.md |
| Runes — porting Svelte 4 syntax to runes mode | references/runes-migration.md |
| Runes — reactivity that compiles but behaves wrongly | references/runes-antipatterns.md |
Template — {@attach}, migrating use: actions |
references/attachments.md |
Template — {#snippet} / {@render}, replacing slots |
references/snippets.md |
Template — {@html}, {@const}, {@debug}, keyed each, bind:, <svelte:window> |
references/template-tags.md |
| Components — Bits/Ark/Melt UI, web components, custom elements | references/component-libraries.md |
| Components — forms inside components | references/forms.md |
| Components — CSS from JS, styling children, context | references/styling-context.md |
Routing — file naming (+page/+layout/+error/+server), route groups, params |
references/routing-files.md |
| Routing — nested layouts, layout groups, layout data | references/layouts.md |
Routing — +error.svelte, expected vs unexpected errors |
references/error-handling.md |
Routing — <svelte:boundary> |
references/error-boundary.md |
| Routing — SSR, hydration mismatches, browser-only work | references/ssr-hydration.md |
Data — load functions, server vs universal, depends |
references/load-functions.md |
| Data — form actions, progressive enhancement | references/form-actions.md |
Data — fail() / redirect() / error() |
references/errors-redirects.md |
Data — serialization across the boundary, invalidateAll() |
references/serialization-invalidation.md |
Remote — query() / form() in *.remote.ts, schema validation |
references/remote-query-form.md |
Remote — command(), single-flight mutations, prerender(), getRequestEvent() |
references/remote-command-prerender.md |
| Deploy — adapters, Vite/pnpm build setup | references/deployment-adapters.md |
| Deploy — publishing a Svelte library | references/library-authoring.md |
| Deploy — PWA setup, Cloudflare/streaming gotchas | references/pwa-and-cloudflare.md |
| Tooling — confirming syntax, looking up docs, validating/fixing code | references/tooling.md |
What ships with it
26 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
- references/attachments.md 6.7 KB
- references/component-libraries.md 4.1 KB
- references/deployment-adapters.md 815 B
- references/error-boundary.md 3.2 KB
- references/error-handling.md 4.3 KB
- references/errors-redirects.md 5.3 KB
- references/form-actions.md 3.3 KB
- references/forms.md 3.1 KB
- references/layouts.md 4.0 KB
- references/library-authoring.md 1.8 KB
- references/load-functions.md 6.4 KB
- references/pwa-and-cloudflare.md 3.7 KB
- references/remote-command-prerender.md 5.6 KB
- references/remote-query-form.md 6.4 KB
- references/routing-files.md 3.8 KB
- references/runes-antipatterns.md 7.1 KB
- references/runes-async.md 5.2 KB
- references/runes-core.md 7.7 KB
- references/runes-migration.md 3.6 KB
- references/runes-props.md 6.6 KB
- references/serialization-invalidation.md 6.7 KB
- references/snippets.md 5.7 KB
- references/ssr-hydration.md 1.5 KB
- references/styling-context.md 2.7 KB
- references/template-tags.md 3.7 KB
- references/tooling.md 1.9 KB
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 4d ago First seen · 81 lines · 203 tokens per session scan A 179084bfb686
with-svelte is a skill published in the GitHub repository robcsaszar/frontend-kit (1 stars, last pushed 2d ago), licensed MIT. It adds 203 tokens to every session and 1,721 once invoked, about $0.0010 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
Other skills, from other repositories
svelte
Svelte 5 - Reactive UI framework with compiler magic, Runes API, SvelteKit full-stack framework, SSR/SSG, minimal JavaScript.
svelte-docs
Svelte 5.x + SvelteKit 2.x — runes, components, stores, transitions, SSR, routing, TypeScript.
sveltekit
SvelteKit - Full-stack Svelte framework with file-based routing, SSR/SSG, form actions, and adapters for deployment.
svelte
Svelte 5 - Reactive UI framework with compiler magic, Runes API, SvelteKit full-stack framework, SSR/SSG, minimal JavaScript.
dryui-init
Bootstrap a SvelteKit + DryUI project using skill-led inspection and explicit file/package edits. Works for new projects, existing SvelteKit apps, and brownfield repos.
dryui-build-experiment-b
Experimental DryUI UI build workflow using mandatory gates and checklists. Use when testing whether explicit gates improve low-reasoning layout reliability.