spences10

Svelte Skills Kit — Development skill for Claude Code

Development community

🦀 Claude Code Skills for Svelte and SvelteKit.

How to install Svelte Skills Kit

This entry records only its repository, not the path inside it, so there is no exact command to give. Open spences10/svelte-skills-kit and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Svelte Skills Kit does

🦀 Claude Code Skills for Svelte and SvelteKit.

Alternatives in Development

Svelte Skills — SvelteKit development skills and patterns 190 ★
Claudeconfigurator — Minimal desktop GUI to configure Claude Code (~/.claude): edit CLAUDE.md, skills, commands, agents, hooks, plu 10 ★
Sveltekit Docs — Use when answering questions about SvelteKit routing, load functions, form actions, adapters, hooks, deploymen 3 ★

README

svelte-skills-kit

Claude Code plugin marketplace wrapper for the Svelte skills in `spences10/skills`.

The canonical skill source is `/home/scott/repos/skills/skills/*`. This repo distributes the Svelte subset for Claude Code users.

Quick Start

# 1. Add marketplace (one-time)
/plugin marketplace add spences10/svelte-skills-kit

# 2. Install plugin
/plugin install svelte-skills

Universal Install Alternative

If you are not using Claude Code plugins, install directly from the canonical skills repo:

npx skills add spences10/skills --agent claude-code --skill svelte-runes
npx skills add spences10/skills --agent pi --skill svelte-runes
npx skills add spences10/skills --agent opencode --skill svelte-runes

Skills Included

ecosystem-guide - Tool selection for spences10's Claude Code ecosystem
svelte-components - Component patterns (Bits UI, Ark UI, Melt UI)
svelte-deployment - Adapters, Vite config, pnpm, PWA
svelte-layerchart - LayerChart patterns for Svelte
svelte-runes - $state, $derived, $effect, $props, $bindable
svelte-styling - CSS patterns, style: directive, :global, custom properties
svelte-template-directives - {@attach}, {@html}, {@render}, {@const}
sveltekit-data-flow - Load functions, form actions
sveltekit-remote-functions - command(), query(), form() patterns
sveltekit-structure - Routing, layouts, error handling, SSR

Sync From Canonical Repo

# from this repo
./scripts/sync-from-skills.sh

# or if the canonical repo is elsewhere
SKILLS_REPO=/path/to/skills ./scripts/sync-from-skills.sh

Local Development

git clone https://github.com/spences10/svelte-skills-kit.git ~/code/svelte-skills-kit
cd ~/code/svelte-skills-kit

# Validate Claude Code plugin marketplace
claude plugin validate .

# Validate skill discovery
npx skills add . --list

**Note:** Plugin files are cached at `~/.claude/plugins/cache/`.