Toolverse
All skills
Frontend

svelte5-development

by splinesreticulating

Comprehensive Svelte 5 and SvelteKit development guidance. Use this skill when building Svelte components, working with runes, or developing SvelteKit applications. Covers reactive patterns, component architecture, routing, and data loading.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
splinesreticulating
Category
Frontend
Views
89
GitHub repo

About this skill

Comprehensive Svelte 5 and SvelteKit development guidance. Use this skill when building Svelte components, working with runes, or developing SvelteKit applications. Covers reactive patterns, component architecture, routing, and data loading.

How to use

  1. Zainstaluj skill w swoim środowisku Claude lub Codex, wskazując repozytorium splinesreticulating/claude-svelte5-skill. 2. Otwórz projekt Svelte 5 lub SvelteKit, w którym chcesz pracować. 3. Gdy budujesz komponent i potrzebujesz reaktywnego stanu, zapytaj skill o $state — otrzymasz przykłady tworzenia reaktywnych zmiennych, obiektów i tablic, wraz z wyjaśnieniem głębokie reaktywności. 4. Jeśli potrzebujesz wartości obliczanych, które automatycznie się aktualizują, poproś o $derived — skill pokaże, jak tworzyć zależności i unikać ręcznego odświeżania. 5. Gdy pracujesz z destrukturyzacją lub optymalizacją wydajności, skonsultuj się ze skillem w sprawie $state.raw i pułapek reaktywności — dowiesz się, kiedy referencje tracą reaktywność i jak to naprawić. 6. Dla bardziej zaawansowanych scenariuszy (routing, ładowanie danych w SvelteKit) pytaj skill o konkretne problemy — udzieli wskazówek opartych na dokumentacji wzorców komponentów i architektur.

Related skills

game-development

by davila7

Game development orchestrator. Routes to platform-specific skills based on project needs.

Frontend
36112

domain-name-brainstormer

by ComposioHQ

Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.

Frontend
21116

dev-browser

by SawyerHood

Browser automation with persistent page state. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, or automate browser workflows. Trigger phrases include \

Frontend
38151

browser-use

by browser-use

Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, or extract information from web pages.

Frontend
23107

zustand

by lobehub

Zustand state management guide. Use when working with store code (src/store/**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.

Frontend
36126

better-icons

by better-auth

Use when working with icons in any project. Provides CLI for searching 200+ icon libraries (Iconify) and retrieving SVGs. Commands: `better-icons search u003cqueryu003e` to find icons, `better-icons get u003cidu003e` to get SVG. Also available as MCP server for AI agents.

Frontend
2037