By spences10
Accelerate SvelteKit app development by invoking skills that deliver patterns for Svelte 5 runes reactivity, data flow with load and remote functions, routing and structure, CSS styling, UI components, template directives, interactive charts, and adapter-based deployments.
npx claudepluginhub spences10/svelte-skills-kit --plugin svelte-skillsGuide to spences10's Claude Code ecosystem. Use when user asks which tool to use, how tools relate, or needs help choosing between MCP servers, skills, or CLIs.
LayerChart Svelte 5 patterns. Use for chart components with tooltip snippets, Chart context access, and all Svelte 5 snippet patterns for tooltips, gradients, highlights, and axes.
Svelte component patterns. Use for web components, component libraries (Bits UI, Ark UI, Melt UI), form patterns, or third-party integration.
Svelte deployment guidance. Use for adapters, Vite config, pnpm setup, library authoring, PWA, or production builds.
Svelte runes guidance. Use for reactive state, props, effects, or migration. Covers $state, $derived, $effect, $props, $bindable. Prevents reactivity mistakes.
Svelte CSS styling patterns. Use for scoped styles, CSS custom properties, style: directive, :global, or styling child components.
Svelte template directives ({@attach}, {@html}, {@render}, {@const}, {@debug}). Use for DOM manipulation, third-party libs, tooltips, canvas, dynamic HTML. @attach replaces use: actions.
SvelteKit data flow guidance. Use for load functions, form actions, server/client data, and invalidation. Covers +page.server.ts vs +page.ts, serialization, fail(), redirect(), error(), invalidateAll().
SvelteKit remote functions guidance. Use for command(), query(), form() patterns in .remote.ts files.
SvelteKit structure guidance. Use for routing, layouts, error handling, SSR, or svelte:boundary. Covers file naming, nested layouts, error boundaries, pending UI, and hydration.
Svelte 5 and SvelteKit skills marketplace for Claude Code.
# 1. Add marketplace (one-time)
/plugin marketplace add spences10/svelte-skills-kit
# 2. Install plugin
/plugin install svelte-skills
Note: Marketplace = catalog. Plugin = what you install from it.
These skills are aligned with the official Svelte best practices. The Svelte team also publishes their own svelte-core-bestpractices skill — this marketplace complements it with deeper coverage of SvelteKit patterns, component libraries, deployment, and real-world examples.
Part of a connected suite of tools for Claude Code power users. These projects work together to give Claude Code persistent memory, better search, framework expertise, and self-improving skills.
Create, share, and use Claude Code skills with reliable activation.
| Project | What it does |
|---|---|
| claude-code-toolkit | Performance plugins, productivity skills, and ecosystem guide |
| svelte-skills-kit | Production-ready Svelte 5 & SvelteKit skills (90%+ verified accuracy) |
| claude-skills-cli | Create skills with progressive disclosure validation and 84% activation hooks |
| svelte-claude-skills | Original Svelte skills collection - now consolidated into svelte-skills-kit |
Extend Claude Code's capabilities with MCP servers for search, databases, and usage tracking.
| Project | What it does |
|---|---|
| mcp-omnisearch | Unified search across Tavily, Brave, Kagi, Perplexity, and GitHub |
| mcp-sqlite-tools | Safe SQLite operations with schema inspection and query building |
| mcpick | Toggle MCP servers on/off without restarting - reduce context bloat |
| ccrecall | Sync Claude Code transcripts to SQLite for usage analytics and search |
# Clone marketplace
git clone git@github.com:spences10/svelte-skills-kit.git ~/code/svelte-skills-kit
# 1. Add marketplace
/plugin marketplace add ~/code/svelte-skills-kit
# 2. Install plugin
/plugin install svelte-skills
Note: Plugin files are cached at ~/.claude/plugins/cache/. After editing source files, reinstall or manually sync cache.
Three hook options in plugins/svelte-skills/hooks/:
skill-simple-instruction.sh - Basic echo instructionskill-activation-forced-eval.sh - Enforces Evaluate→Activate→Implementskill-activation-llm-eval.sh - Smart matching via Claude APIImportant: Hook commands must use ${CLAUDE_PLUGIN_ROOT} for paths:
"command": "${CLAUDE_PLUGIN_ROOT}/hooks/your-script.sh"
Bump version in plugins/svelte-skills/.claude-plugin/plugin.json on changes.
SvelteKit and Svelte 5 done right. Runes ($state, $derived, $effect), load functions, form actions, SSR patterns, and modern Svelte your AI agent should follow.
Share bugs, ideas, or general feedback.
Specialized commands for Svelte and SvelteKit development
Svelte changes since training cutoff (latest: 5.0.0) — runes ($state, $derived, $effect, $props), snippets replacing slots, callback props replacing events, mount/hydrate API. Load before working with Svelte.
A plugin for all things related to Svelte development, MCP, skills, and more.
Build node-based editors, interactive diagrams, and workflow builders with Svelte Flow.
Svelte language server for Claude Code with go-to-definition, hover docs, references, and diagnostics on .svelte files.