Svelte Skills Kit

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/`.