MCP CheckClaude skills for Svelte
The 32 strongest of 39 Svelte skills on GitHub. Skills built for Svelte come first; no repository gets more than 3 spots. Each links to its folder; copy it into ~/.claude/skills/ to use it.
bun sveltekit
Use when building or running SvelteKit apps on Bun, including SSR, adapters, and Bun-specific APIs
secondsky/claude-skills★ 240MITFolder:
bun-sveltekitexample svelte
Patterns for using Helios with Svelte. Use when building compositions in a Svelte environment, utilizing Svelte stores for reactive frame updates.
BintzGavin/helios★ 123Apache-2.0Folder:
sveltesvelte sveltekit expert
Expert guide for Svelte 5 (Runes) and SvelteKit 2+ — fine-grained reactivity, snippets, server-first architecture, form actions, and SSR/SSG / Panduan ahli Svelte 5 (Runes) dan SvelteKit 2+ — reaktivitas fine-grained, snippets, arsitektur server-first,…
roedyrustam/vibes-plug★ 116MITFolder:
svelte-sveltekit-expertstitch svelte components
Converts a Stitch screen, a local HTML file, or a URL into Svelte 5 / SvelteKit components using the runes API — scoped CSS with custom properties, built-in transitions, TypeScript, dark mode, and accessible markup. Only the Stitch route needs an API key.
gabelul/stitch-kit★ 47Apache-2.0Folder:
stitch-svelte-componentssvelte
Svelte runes-first reactivity and SvelteKit fullstack conventions. Invoke whenever task involves any interaction with Svelte code — writing, reviewing, refactoring, debugging, or understanding .svelte, .svelte.js, .svelte.ts files and SvelteKit projects.
xobotyi/cc-foundry★ 23MITFolder:
svelteStack: Svelte
Svelte 5 and SvelteKit: runes reactivity, component composition, routing, data loading, form handling.
JasonWarrenUK/goblin-mode★ 6No licence statedFolder:
clod-stack-svelteapi breaking change detector
Cross-references C# Web API controllers/DTOs against their TypeScript/JavaScript consumers (React, Angular, Vue, Svelte, Node.js, or hand-written/auto-generated HTTP clients like Fetch, Axios, NSwag) to catch contract drift in both directions: backend…
github/awesome-copilot★ 41kMITFolder:
api-breaking-change-detectordesign code
Generate production-ready, accessible, token-driven component code for ANY framework (React+Tailwind, Next.js, SwiftUI, Vue, Svelte, Angular, Solid, Web Components/Lit, React Native, Flutter, Jetpack Compose, vanilla CSS, or CSS-in-JS). Use when the user…
plugin87/ux-ui-agent-skills★ 3.1kMITFolder:
design-codesupabase
Use when doing ANY task involving Supabase. Triggers: Supabase products (Database, Auth, Edge Functions, Realtime, Storage, Vectors, Cron, Queues); client libraries and SSR integrations (supabase-js, @supabase/ssr) in Next.js, React, SvelteKit, Astro,…
fcakyon/claude-codex-settings★ 1.2kApache-2.0Folder:
supabasevercel deployments
Deploy frontend and full-stack apps on Vercel with previews, edge functions, environment promotion, and production guardrails. Use when shipping Next.js, SvelteKit, or static sites with zero-config CI/CD.
BagelHole/DevOps-Security-Agent-Skills★ 1.2kMITFolder:
vercel-deploymentsplaywright frontend
For frontend engineers authoring UI — how to make components reliably locatable by tests and AI agents. Covers the official Playwright locator priority, semantic/accessible markup first, and how to add valid, unique, stable `data-testid` attributes (naming…
testdino-hq/playwright-skill★ 405MITFolder:
frontendtailwind css patterns
Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices. Use when styling React/Vue/Svelte components, building responsive…
giuseppe-trisciuoglio/developer-kit★ 366MITFolder:
tailwind-css-patternsui ux pro max
Use when planning, building, designing, code review, refactor, fixing, improving, optimizing, enhancing, or checking UI/UX work. Covers product patterns, landing pages, chart choices, visual styles, palettes, typography, UX rules, and 9 stacks (React,…
majiayu000/spellbook★ 288MITFolder:
ui-ux-pro-maxcloudflare workers frameworks
Framework integration for Cloudflare Workers. Use when building with Hono, Remix, Next.js, Astro, SvelteKit, Qwik, or Nuxt on Workers. Covers routing, SSR, static assets, and edge deployment.
secondsky/claude-skills★ 240MITFolder:
cloudflare-workers-frameworksmarking up pages
Let the user draw on a live web page in Chrome (circle, underline, arrow) and type a note per mark, then read back what each mark points at - element, selector, computed styles, React/Vue/Svelte component and source file - plus console errors and failed…
oaustegard/claude-skills★ 157MITFolder:
marking-up-pageshig doctor audit
Audit interface source with HIG Doctor when the user asks to scan, lint, review, or remediate Swift, UIKit, AppKit, React, Vue, Svelte, Angular, Compose, Android XML, Flutter, CSS, or HTML for HIG-aligned interface and accessibility concerns. Do not…
raintree-technology/hig-doctor★ 148MITFolder:
hig-doctor-auditdif docs
Reference for dif.sh — feature flags and A/B experiments stored as Markdown files in the repo and compiled by `dif build` into a typed TypeScript client. Use when adding feature flags, a percentage rollout, or an A/B test to a JavaScript or TypeScript app…
dif-sh/dif★ 115MITFolder:
dif-docsartisan
Implementing production frontend code for React/Vue/Svelte: hooks design, state management, Server Components, form handling, data fetching. Converts Forge prototypes to production quality.
simota/agent-skills★ 96MITFolder:
artisanstitch animate
Adds a purposeful animation layer to Stitch-generated components — CSS transitions, Framer Motion (React/Next.js), or Svelte transitions. Always respects prefers-reduced-motion.
gabelul/stitch-kit★ 47Apache-2.0Folder:
stitch-animatestitch orchestrator
Master entry point for all Stitch design workflows. Routes from user request → design spec → prompt assembly → screen generation → iteration (edit, variants, design systems) → design system extraction → framework conversion (Next.js, Svelte, HTML, React…
gabelul/stitch-kit★ 47Apache-2.0Folder:
stitch-orchestratorchrome extension wxt
Build Chrome extensions with the WXT framework and TypeScript, React, Vue, or Svelte. Use when creating browser extensions or cross-browser add-ons. Triggers on "chrome extension", "browser extension", WXT, manifest v3, or wxt.config.ts.
tenequm/skills★ 40MITFolder:
chrome-extension-wxttanstack form
Headless, performant, and type-safe form state management for TS/JS, React, Vue, Angular, Solid, Lit, and Svelte.
tanstack-skills/tanstack-skills★ 36MITFolder:
tanstack-formtanstack query
Powerful asynchronous state management, server-state utilities, and data fetching for TS/JS, React, Vue, Solid, Svelte & Angular.
tanstack-skills/tanstack-skills★ 36MITFolder:
tanstack-querytanstack ranger
Headless utilities for building range and multi-range sliders in TS/JS, React, Vue, Solid, Svelte & Angular.
tanstack-skills/tanstack-skills★ 36MITFolder:
tanstack-rangerastro integrations
Use when adding React, Vue, Svelte, Solid, Preact, or another UI framework to an Astro project via @astrojs/* integrations.
Fusengine/claude-plugins★ 34MITFolder:
astro-integrationsgsap
官方 GSAP 前端动效聚合 skill。用于实现或审查 JavaScript/React/Next/Vue/Svelte 动画、GSAP tweens/timeline、ScrollTrigger 滚动动画、插件、性能优化、reduced motion 与可访问性动效；默认按任务读取 references/ 中的官方 GreenSock GSAP skills。健康/长辈类产品默认使用克制动效。
codingSamss/all-my-ai-needs★ 14No licence statedFolder:
gsapvisual verification
Verify UI-facing changes by running a screenshot-analyze-verify loop across configured viewports, with a browser-tool priority cascade (Playwright MCP → Chrome DevTools MCP → CLI fallback → external skill fallback) and bounded iteration. Use after…
synaptiai/synapti-marketplace★ 7Apache-2.0Folder:
visual-verificationsource coding discipline
Use when a task involves reading, editing, reviewing, testing, debugging, refactoring, or otherwise working with source code files. Source paths include **/*.{py,ts,tsx,js,jsx,mjs,go,rs,java,kt,swift,rb,c,cc,cpp,h,hpp,sh,bash,zsh,sql,vue,svelte}. Do not…
martin1847/evolab★ 7MITFolder:
source-coding-disciplinelottie design
Search, fetch, and integrate free Lottie animations into React, React Native, Vue, Svelte, Angular, Flutter, and Vanilla web projects. Use when the user asks for any Lottie/dotLottie/animation work — loaders, success checkmarks, splash screens, empty…
enegaltech/lottie-marketplace★ 6Licence: see repoFolder:
lottie-designRole: API Designer
Type-safe API design: Zod validation, Result types, SvelteKit endpoints, middleware patterns.
JasonWarrenUK/goblin-mode★ 6No licence statedFolder:
clod-role-api_designerRole: Testing Obsessive
Pragmatic testing with Vitest: risk-based strategy, Svelte component testing, test-after development.
JasonWarrenUK/goblin-mode★ 6No licence statedFolder:
clod-role-testing_obsessivenetlify frameworks
Deploy and configure web frameworks on Netlify — build settings and SSR/edge adapters plus local platform emulation and env vars. Use when setting up or fixing a framework deploy (Next.js / Astro / Nuxt / SvelteKit / Remix / React Router / TanStack Start /…
bg-szy/TOP-SKILLS★ 6No licence statedFolder:
netlify-frameworks
Claude skills for Svelte: common questions
What's the best Claude skill for Svelte?
Yes: 39 public skills from 27 GitHub repositories mention Svelte. The best-known ones named for it are bun sveltekit (secondsky/claude-skills, ★ 240), example svelte (BintzGavin/helios, ★ 123) and svelte sveltekit expert (roedyrustam/vibes-plug, ★ 116). Stars belong to the whole repository, not to one skill.
How do I add bun sveltekit to Claude?
For Svelte, copy the bun-sveltekit folder from secondsky/claude-skills (the folder that holds SKILL.md) into ~/.claude/skills/ to use it in every Claude Code project, or into .claude/skills/ for one project. For the Claude apps, upload the zipped folder as a custom skill instead.
How recently were Svelte skills updated?
25 of the 39 Svelte skills sit in repositories that changed in the 30 days before 31 Oct 2026.
Are Svelte skills safe to install?
Installing a Svelte skill means Claude will follow its instructions and may run its scripts, so read SKILL.md and every script first: for bun sveltekit, that is everything in the bun-sveltekit folder. 7 of the 32 here come from repositories with under 10 stars, so few people have looked at them. Watch for downloads, commands that send data out, invisible characters, and text telling Claude to keep something from you.
What licences do these Svelte skills use?
Of the 32 Svelte skills listed here, 26 sit in repositories under an open licence such as MIT or Apache 2.0, and 5, such as Stack: Svelte and gsap, state no licence at all, which legally means you may not reuse them. The licence badge on each card tells you which is which.
More topics: every “Claude skills for…” page.