svelte-skills-kit plugin

svelte-skills-kit is a Claude Code plugin marketplace with Svelte and SvelteKit skills and a language server for .svelte files.

  • 96 ★ on the repository
  • Last commit
Plugin

Minimal access

Why this level

  • Plugins change agent behaviour through instructions and language-server configuration.
All reasons and checks

spences10/svelte-skills-kit

Install

Works in

Manual install

/plugin marketplace add spences10/svelte-skills-kit
/plugin install svelte-skills

The first README option. For types add the `svelte-lsp` plugin.

Access and checks

How we review

Minimal accessThe tool runs nothing and makes no network calls.

  • Plugins change agent behaviour through instructions and language-server configuration.

This is third-party code. Review the repository files before installing.

What it does

svelte-skills-kit packages ten Svelte skills for Claude Code: the `$state`, `$derived`, `$effect`, `$props` and `$bindable` runes, template directives, components, styling, data loading, remote functions, SvelteKit structure and deployment. Separate plugins wire in language servers. `svelte-lsp` returns type errors after `.svelte` edits and can look up definitions and references. `typescript-lsp` adds the `useSyntaxServer: never` option so the first reference lookup does not come back incomplete.

Who it is for. Svelte 5 and SvelteKit developers working in Claude Code who are tired of outdated Svelte 4 patterns in answers.

Good fit when

  • An agent writes components with runes rather than legacy reactivity.
  • Type errors for `.svelte` files are needed right after an edit.
  • A SvelteKit project uses `load` functions, form actions and remote functions.
  • An app is deployed to Cloudflare or built as a PWA.

Not a fit when

  • The project is on Svelte 4 with no move to runes.
  • The environment is not Claude Code, so the marketplace is unavailable.
  • A language server cannot be installed globally through npm.

Example request

Rewrite this component with Svelte 5 runes and check types after the edit.

Limitations

The repository is a wrapper: the source skills live in `spences10/skills` and are copied here by a sync script. No licence file was found in the repository, so confirm terms with the author before corporate use. Language servers must be installed separately, as the plugin holds configuration only. The `svelte-lsp` and `typescript-lsp` plugins do not install the language server themselves. If the official `typescript-lsp` is present, disable it with `/plugin disable typescript-lsp@claude-plugins-official`, or two servers will handle .ts files.

How to disable. Run `/plugin uninstall svelte-skills@svelte-skills-kit` and likewise for the LSP plugins. Remove globally installed language servers with `npm uninstall -g`.

FAQ

How do I install without Claude Code plugins?

Use the canonical repository: `npx skills add spences10/skills --agent claude-code --skill svelte-runes`. The `pi` and `opencode` agents work the same way.

What does the language plugin include?

Configuration only. Install `svelteserver` yourself with `npm i -g svelte-language-server`.

Why a separate typescript-lsp plugin?

It turns off the lightweight syntax server that could make the first reference lookup of a session incomplete. The cost is a slower first call.

Which skills are included?

Ten: `ecosystem-guide`, `svelte-components`, `svelte-deployment`, `svelte-layerchart`, `svelte-runes`, `svelte-styling`, `svelte-template-directives`, `sveltekit-data-flow`, `sveltekit-remote-functions` and `sveltekit-structure`.

Does `typescript-lsp` work outside Svelte?

Yes, it works in any TypeScript or JavaScript project.

Discussion

No questions or reviews yet.

Plugins

Skills for Claude Code on Svelte 5 and SvelteKit: runes, data loading, project structure, remote functions and deployment

SkillMinimal access217Repository stars
Official

Svelte's official MCP server and plugin: current docs, component autofixing and Svelte 5 skills

MCP serverExtended access338Repository stars

A Claude Code plugin and skill marketplace for 3D, animation and modern web: Three.js, GSAP, React Three Fiber, Babylon.js

PluginExtended access1.3KRepository stars

MCP server giving an agent reference answers on Svelte 5 runes and SvelteKit: signatures, parameters and examples at three depths

MCP serverMinimal access124Repository stars

145 skill plugins for Claude Code and Codex: Cloudflare, React, Tailwind, Nuxt, APIs, security, testing, installed one by one

PluginExtended access248Repository stars
Official

A shadcn-svelte skill: the agent reads components.json, adds components with the CLI and builds forms, dialogs and cards by the library's rules

SkillExtended access9.3KRepository stars

README in short

The page covers marketplace installation, both language-server plugins with trade-offs, a universal install route and the list of ten skills.

README badge

Report a problem