Claude MarketplacesSubmit
epicenterhq avatar

Svelte

epicenterhq/epicenter

This is a focused reference for Svelte 5 runes mode in Epicenter apps. It pushes you toward $state, $derived, and snippets while steering you away from legacy $: and slots. The real value is in the specific guidance: when to use keyed blocks for resource lifecycles, how to wire TanStack Query mutations directly in templates, when SvelteMap beats a plain array, and why commit-on-blur is better than firing workspace writes on every keystroke. It also covers shadcn-svelte integration and includes upstream grounding through DeepWiki when compiler behavior matters. Written for teams that already know Svelte but need consistent patterns across a shared codebase.

skills.sh installs
192
GitHub stars
4.8K
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add epicenterhq/epicenter --skill svelte --agent claude-code

Installs into .claude/skills of the current project.

Files

Svelte Guidelines

Keep the first pass focused on Svelte runes, component lifecycle, workspace-backed state, TanStack Query usage, and local UI composition.

Reference Repositories

  • Svelte: Svelte 5 framework with runes and fine-grained reactivity
  • shadcn-svelte: Port of shadcn/ui for Svelte with Bits UI primitives
  • shadcn-svelte-extras: Additional components for shadcn-svelte

Source Checks

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/epicenterhq/epicenter
Category
Frontend Development
First seen
Jun 3, 2026

More from epicenterhq/epicenter

All 2

Recommended

More Frontend Development
1oguzhan18 avatarangular-lifecycleoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Lifecycle Hooks, ngOnInit, ngOnChanges, ngAfterViewInit, or component lifecycle in Angular.176skills.sh installs
2samhvw8 avatarfrontend-developmentsamhvw8/dotfilesMulti-framework frontend development. Frameworks: React 18+ (Suspense, hooks, TanStack), Vue 3 (Composition API, Pinia, Nuxt), Svelte 5 (Runes, SvelteKit), Angu174skills.sh installs
3srbhr avatartailwind-patternssrbhr/resume-matcherProduction-ready Tailwind CSS patterns for common website components: responsive layouts, cards, navigation, forms, buttons, and typography. Includes spacing sc170skills.sh installs
4pedronauck avatarui-ux-pro-maxpedronauck/skillsUI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind,168skills.sh installs
5modu-ai avatarmoai-domain-frontendmodu-ai/moai-adkFrontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture. Use when building web UIs, implem140skills.sh installs
6butterbase-ai avatardeploy-frontendbutterbase-ai/butterbase-skillsWalks you through the seven-step process to get a React, Next.js, or static site live on Butterbase, from setting environment variables...0skills.sh installs