This is a solid foundation for building with Svelte, especially if you're jumping into Svelte 5's rune system. It covers the new $state, $derived, $effect, and $props runes with practical examples, then walks through component patterns, slots, stores, and transitions. The code samples are clear and show real patterns you'd actually use, like modal composition and custom stores with methods. One thing to note: this focuses heavily on the new runes API, so if you're maintaining a Svelte 4 codebase with the older reactive declarations, you'll want to reference the legacy docs alongside this. The Context7 trust score of 8.1 suggests the examples are pulled from solid sources, and you can tell from the structure this was built to be reference material rather than a tutorial.

skills.sh installs
436
GitHub stars
63
last updated
Aug 21, 2026

Install

$ npx -y skills add manutej/luxor-claude-marketplace --skill svelte-development --agent claude-code

Installs into .claude/skills of the current project.

Files

Svelte Development Skill

This skill provides comprehensive guidance for building modern Svelte applications using reactivity runes (Svelte 5), components, stores, lifecycle hooks, transitions, and animations based on official Svelte documentation.

When to Use This Skill

Use this skill when:

  • Building high-performance web applications with minimal JavaScript overhead
  • Creating single-page applications (SPAs) with reactive UI
  • Developing interactive user interfaces with compile-time optimization
  • Building embedded widgets and components with small bundle sizes
  • Implementing real-time dashboards and data visualizations
  • Creating progressive web apps (PWAs) with excellent performance
  • Developing component libraries with native reactivity
  • Building server-side rendered applications with SvelteKit
  • Migrating from frameworks with virtual DOM to compiled approach
  • Creating accessible and performant web applications

Core Concepts

Reactivity with Runes (Svelte 5)

Svelte 5 introduces runes, a new way to declare reactive state with better TypeScript support and clearer semantics.

Sponsors

Details

Repository
github.com/manutej/luxor-claude-marketplace
Category
Frontend Development
First seen
Jun 3, 2026

More from manutej/luxor-claude-marketplace

All 66
1secondsky avatarnuxt-productionsecondsky/claude-skills| Nuxt 4 production optimization: hydration, performance, testing with Vitest, deployment to Cloudflare/Vercel/Netlify, and v4 migration. Use when: debugging hy425skills.sh installs
2ihlamury avatardribbble-ui-skillsihlamury/design-skillsDribbble's UI design system. Use when building interfaces inspired by Dribbble's aesthetic - light mode, Inter font, 4px grid.413skills.sh installs
3ihlamury avatarnotion-ui-skillsihlamury/design-skillsNotion's UI design system. Use when building interfaces inspired by Notion's aesthetic - light mode, Inter font, 4px grid.402skills.sh installs
4nuxt avatarcontributingnuxt/uiGuide for contributing to Nuxt UI. Provides component structure patterns, Tailwind Variants theming, Vitest testing conventions, and MDC documentation guideline400skills.sh installs
5buildermethods avatarfrontend-designbuildermethods/design-osCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applicat394skills.sh installs
6bobmatnyc avatarvuebobmatnyc/claude-mpm-skillsVue 3 - Progressive JavaScript framework with Composition API, reactivity system, single-file components, Vite integration, TypeScript support390skills.sh installs