Svelte skills for Claude Code

Give your agent expert Svelte knowledge.

33 skills available

Official only

epicenterhq/epicenter

This skill helps you implement best-practice Better Auth integration in your TypeScript apps, simplifying secure authentication setup and plugin usage.

chrome-extension-wxt

tenequm/claude-plugins

This skill guides you through building cross-browser Chrome extensions with WXT, TypeScript, React, Vue, or Svelte, including MV3 setup and deployment.

svelte-5

nikiskaarup/skills

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

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

tapforce/agents-skills

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

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

2.5k

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

pwa-development

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.

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.

arktype

epicenterhq/epicenter

4.2k

This skill helps you design robust discriminated unions in TypeScript using arktype's merge and or patterns for scalable commands and events.

svelte

nikiskaarup/skills

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

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

sveltekit-webapp

openclaw/skills

2.5k

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

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.

svelte-deployment

spences10/svelte-skills-kit

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

workspace-api

epicenterhq/epicenter

4.2k

This skill helps you define and evolve typed workspace schemas with versioned migrations for tables and KV stores.

sveltekit

nikiskaarup/skills

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

layerchart-svelte5

spences10/svelte-skills-kit

This skill implements LayerChart Svelte 5 patterns for tooltips, gradients, highlights, and axes to streamline chart components and interactions.

elysia

epicenterhq/epicenter

4.2k

This skill helps you implement robust Elysia route error handling with status(), Eden Treaty typing, and safe plugin composition for reliable APIs.

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().

testing

epicenterhq/epicenter

4.2k

This skill guides you to enforce consistent test file conventions, setup patterns, and clear naming in TypeScript test suites.

sveltekit-remote-functions

spences10/svelte-skills-kit

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

progress-summary

epicenterhq/epicenter

4.2k

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

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.

static-workspace-api

epicenterhq/epicenter

4.1k

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

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