Sandbox
@spences10/svelte-skills-kit

Claude Code skill pack for Svelte and SvelteKit

This repo wraps the Svelte subset of `spences10/skills` so Claude Code can install it as a plugin. The included skills cover Svelte runes, component patterns, styling, SvelteKit data flow, remote functions, routing, and deployment.

92 stars2 forksSvelteUpdated 4mo ago
Who it's for

Builders who use Claude Code and want Svelte and SvelteKit skills they can reuse across projects.

What it delivers

You can install Svelte-specific agent guidance once instead of re-explaining the same patterns in every session.

What it does

Marketplace wrapper

Publishes the Svelte skills as a Claude Code plugin marketplace entry.

Svelte and SvelteKit skill set

Includes skills for runes, components, styling, templates, data flow, remote functions, routing, and deployment.

Canonical repo sync

Provides `./scripts/sync-from-skills.sh` to pull updates from the source skills repo.

Version bump workflow

Notes where to update version numbers in `.claude-plugin/marketplace.json` and `plugins/svelte-skills/.claude-plugin/plugin.json`.

How to get it

  1. 1Run
    # 1. Add marketplace (one-time)
    /plugin marketplace add spences10/svelte-skills-kit
    
    # 2. Install plugin
    /plugin install svelte-skills
  2. 2If you are not using Claude Code plugins, install directly from the vendor-agnostic…
    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

README

svelte-skills-kit

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

This repo distributes the Svelte subset for Claude Code users. For vendor-agnostic installs across compatible agents, use the canonical spences10/skills repo.

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 vendor-agnostic 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/. After editing source files, reinstall or manually sync cache.

Versioning

Bump version in .claude-plugin/marketplace.json and plugins/svelte-skills/.claude-plugin/plugin.json on changes.

Files in the repo

Repository payload4 top-level entries
  • .claude-plugin
  • plugins
  • scripts
  • README.md

Discussion (0)

Ask about usage, or say what you built with it

Sign in to join the discussion.

No comments yet. Be the first to say what this is good for.

More skills

obra/
superpowers

An agentic skills framework & software development methodology that works.

285k
1 add

Turn any codebase, with its docs, SQL schemas, configs, and PDFs, into a queryable knowledge graph. A /graphify skill for Claude Code, Cursor, Codex, and Gemini CLI: local deterministic AST parsing, every edge explained, no vector store.

117k
1 add
Vincentwei1021/
anything2explainer

Topic in, narrated explainer video out. A Claude Code / Codex skill that turns any topic into a black-canvas motion-graphics explainer video with TTS voiceover, subtitles and a chapter progress bar. Chinese or English; every frame drawn in code with Remotion.

666

Open-source AI job search: scan job portals, evaluate listings into a structured A-H report with a global 1-5 score, tailor your CV, track applications — runs locally in your AI coding CLI (Claude Code, Codex, OpenCode, Antigravity…)

71k