svelte-kit

Apply Svelte 5 runes and SvelteKit routing guidance to projects.

2|Updated Jan 22, 2026
One-click install
npx skills add https://github.com/Tomlord1122/tomtom-skill --skill svelte-kit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: svelte-kit
Source: https://github.com/Tomlord1122/tomtom-skill/tree/main/skills/svelte-kit
Command: npx skills add https://github.com/Tomlord1122/tomtom-skill --skill svelte-kit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamlines expert guidance for Svelte 5 runes usage, SvelteKit routing decisions, SSR/SSG strategies, and component design patterns.

Core Features & Use Cases

  • Clear guidance on using runes syntax ($state, $derived, $effect) within Svelte 5.
  • Routing and SSR/CSR strategy decisions for SvelteKit apps.
  • Best practices for component design and scalable architecture in SvelteKit projects.

Quick Start

Review a SvelteKit project and receive guidance on applying Svelte 5 runes syntax, routing patterns, and SSR strategies.

Frequently Asked Questions about svelte-kit

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I use Svelte 5 runes for state management in .svelte files?

To use Svelte 5 runes for state management, implement $state for reactive variables, $derived for computed values, and $effect for side effects within your .svelte files to handle reactivity patterns.

What is the best way to handle SvelteKit routing and data loading?

The best way to handle SvelteKit routing is to apply expert routing decisions and data loading patterns tailored to your project, ensuring efficient navigation and data fetching across your SvelteKit application.

How do I choose between SSR and CSR strategies in SvelteKit?

Choosing between SSR and CSR strategies in SvelteKit involves evaluating SSR/CSR tradeoffs based on your application's specific needs for SEO, load performance, and rendering behavior to determine the optimal strategy.

Can I use TypeScript with Svelte 5 runes and SvelteKit?

Yes, you can use TypeScript with Svelte 5 runes and SvelteKit to enforce type safety within .svelte files, routing configurations, and component design across modern SvelteKit projects.

What are the best practices for scalable component design in SvelteKit?

Best practices for scalable component design in SvelteKit involve applying expert guidance to structure your .svelte files, optimize reactivity patterns with runes, and maintain a maintainable architecture.