Sveltekit Best Practices

What it does

This skill provides guidance and recommendations for developing SvelteKit applications. It offers best practices to ensure code quality, performance optimization, and maintainability within a SvelteKit project. The skill aims to help developers leverage the framework's capabilities effectively and avoid common pitfalls.

When to use it

• You are starting a new SvelteKit project and want to establish a solid foundation from the beginning.
• You’re experiencing performance issues in an existing SvelteKit application and need optimization suggestions.
• You want to refactor or improve the structure of your current SvelteKit codebase for better maintainability.
• You're unsure about how to implement specific features within a SvelteKit environment (e.g., data fetching, routing).

Key capabilities

• Provides guidance on project setup and configuration.
• Offers recommendations for structuring routes and layouts.
• Suggests best practices for data loading and server-side rendering.
• Covers techniques for optimizing performance in SvelteKit applications.

Example prompts

• "What's the recommended way to handle environment variables in a SvelteKit project?"
• "How can I optimize image loading performance in my SvelteKit application?"
• "Suggest best practices for structuring API routes within a SvelteKit project."

Tips & gotchas

This skill assumes you have a basic understanding of JavaScript, TypeScript, and the Svelte framework. While it provides guidance on best practices, it doesn't cover every possible scenario or advanced configuration options.