Svelte skills for Claude Code

Give your agent expert Svelte knowledge.

27 skills available

Official only

jwynia/agent-skills

This skill helps you implement Progressive Web App features for React and Svelte, enabling offline support, service workers, and installable web apps.

svelte

nikiskaarup/skills

This skill guides Svelte 5 component development with runes, props, and performance-aware patterns for efficient, reactive UI.

svelte-frontend

windmill-labs/windmill

15.8k

This skill helps you apply Svelte 5 best practices with Runes API for explicit reactivity, improving frontend code quality in Windmill projects.

sveltekit-page-generator

ehtbanton/claudeskillsrepo

This skill generates complete SvelteKit page files with load functions and form actions for rapid route creation.

sveltekit

bankkroll/skills-builder

This skill provides comprehensive SvelteKit documentation guidance for cli, routing, adapters, and builds to answer questions quickly.

tapforce-shadcn-svelte

tapforce/agents-skills

This skill guides setting up and using shadcn-svelte in SvelteKit projects, delivering best practices for components, theming, and integration.

progress-summary

epicenterhq/epicenter

4.1k

This skill generates conversational, PR-style progress summaries of ongoing work, highlighting why changes matter and key decisions with diagrams.

mapbox-web-integration-patterns

mapbox/mapbox-agent-skills

This skill provides official Mapbox GL JS integration patterns across frameworks, guiding secure token handling, lifecycle, and cleanup for production apps.

frontend_inferencer

transilienceai/communitytools

This skill infers frontend technologies by analyzing signals from JavaScript, HTML, and CSS to identify frameworks and UI patterns.

svelte

openclaw/skills

1.2k

This skill helps you avoid common Svelte mistakes by clarifying reactivity, stores, and SSR gotchas for reliable components.

artisan

simota/agent-skills

This skill converts prototypes into production-ready, accessible, type-safe frontend components with strict TS, a11y, and server-first patterns.

ecosystem-guide

spences10/svelte-skills-kit

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.

frontend-design

jwynia/agent-skills

This skill helps you design production-grade frontend interfaces by analyzing designs, generating tokens, palettes, typography, and framework-ready components.

sveltekit

nikiskaarup/skills

This skill guides SvelteKit development using official docs for routing, data loading, adapters, and deployment across typical app architectures.

raw-app

windmill-labs/windmill

15.8k

This skill helps you scaffold and manage Windmill raw apps, enabling frontend backends and datatables with best practices.

svelte-component-generator

ehtbanton/claudeskillsrepo

This skill generates complete Svelte components in TypeScript with scoped CSS, instantly producing Button.svelte or similar files.

tapforce-sveltekit

tapforce/agents-skills

This skill helps you set up and develop SvelteKit projects with best practices for modern features, tooling, and migrations.

static-workspace-api

epicenterhq/epicenter

4.1k

This skill helps you manage versioned table and KV schemas with migration workflows for safe schema evolution.

sveltekit-webapp

openclaw/skills

1.2k

This skill scaffolds a production-ready SvelteKit PWA with opinionated defaults and guided execution from idea to deployment.

svelte-deployment

spences10/svelte-skills-kit

Svelte deployment guidance. Use for adapters, Vite config, pnpm setup, library authoring, PWA, or production builds.

svelte-5

nikiskaarup/skills

This skill guides Svelte 5 component authorship and migration, using runes, $props, and callback props for modern reactive patterns.

layerchart-svelte5

spences10/svelte-skills-kit

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.

sveltekit-data-flow

spences10/svelte-skills-kit

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

spences10/svelte-skills-kit

SvelteKit remote functions guidance. Use for command(), query(), form() patterns in .remote.ts files.

sveltekit-structure

spences10/svelte-skills-kit

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-components

spences10/svelte-skills-kit

Svelte component patterns. Use for web components, component libraries (Bits UI, Ark UI, Melt UI), form patterns, or third-party integration.

svelte-runes

spences10/svelte-skills-kit

Svelte runes guidance. Use for reactive state, props, effects, or migration. Covers $state, $derived, $effect, $props, $bindable. Prevents reactivity mistakes.

Sveltekit Frontend Tailwind CSS TypeScript