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.
Guide 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.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
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.
DevOps patterns: CI debugging, tech debt detection, own all failures
Claude Code workflow patterns: prompting, CLAUDE.md maintenance, multi-agent orchestration
Development environment setup: git worktrees, terminal optimization
Core skills: ecosystem guide, skill creator, research patterns, session reflection, and plugin development. Includes UserPromptSubmit hook for forced skill evaluation.
Development practices: TDD workflow with red-green-refactor
npx claudepluginhub spences10/svelte-skills-kit --plugin svelte-skillsSvelteKit and Svelte 5 done right. Runes ($state, $derived, $effect), load functions, form actions, SSR patterns, and modern Svelte your AI agent should follow.
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.
SvelteKit frontend development with Tailwind CSS v4, shadcn-svelte, and Bun server integration. Includes HTML-to-Svelte migration, app shell, routing, and component generators.
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.