IDE Rule: Svelte
IDE Rule: Svelte is a verified IDE_RULE blueprint on Promptally in Framework IDE Rules optimized for leading AI models. Cursorrules_Mdc specification for IDE Rule: Svelte. Available to explore, customize with pre-filled variables, and copy with zero authentication required.
Created by @promptallyTechnical Specifications
| Specification | Value |
|---|---|
| Artifact type | IDE RULE (Framework IDE Rules) |
| Compatible engines | Universal / Model Agnostic |
| Input variables | None (pre-filled) |
| Approximate tokens | 537 |
| Source file | .cursorrules |
| Access tier | Free public (MIT) |
Pre-Filled Template
--- description: "Svelte best practices and patterns for modern web applications" globs: **/*.svelte, src/**/*.ts, src/**/*.js alwaysApply: false --- # Svelte Best Practices ## Component Structure - Keep components small and focused - Use proper TypeScript integration - Implement proper props typing - Use proper event dispatching - Keep markup clean and readable - Use proper slot implementation ## Reactivity - Use proper reactive declarations - Implement proper stores - Use proper reactive statements - Handle derived values properly - Use proper lifecycle functions - Implement proper bindings ## State Management - Use proper Svelte stores - Keep stores modular - Use proper derived stores - Implement proper actions - Handle async state properly - Use proper store subscriptions ## Performance - Use proper component lazy loading - Implement proper transitions - Use proper animations - Avoid unnecessary reactivity - Use proper event forwarding - Implement proper key blocks ## Routing - Use SvelteKit for routing - Implement proper layouts - Use proper route parameters - Handle loading states properly - Implement proper error pages - Use proper navigation methods ## Forms - Use proper form bindings - Implement proper validation - Handle form submission properly - Show proper loading states - Use proper error handling - Implement proper form reset ## TypeScript Integration - Use proper component types - Implement proper prop types - Use proper event types - Handle proper type inference - Use proper store types - Implement proper action types ## Testing - Write proper unit tests - Implement proper component tests - Use proper testing libraries - Test stores properly - Implement proper mocking - Test async operations ## Best Practices - Follow Svelte style guide - Use proper naming conventions - Keep components organized - Implement proper error handling - Use proper event handling - Document complex logic ## Build and Tooling - Use Vite for development - Configure proper build setup - Use proper environment variables - Implement proper code splitting - Use proper asset handling - Configure proper optimization
How to use this ide rule
- Review the pre-filled example and source files above.
- Copy the template or download
.cursorrules, then use it in your model, IDE, or workflow tool. - Compare your result with the sample output when one is provided.
Frequently Asked Questions
How do I use IDE Rule: Svelte?
Open the ide rule on Promptally, review the pre-filled example, then copy the template or download .cursorrules and paste it into your model, IDE or workflow tool. IDE Rule: Svelte is a static blueprint with no dynamic variables. Copy it and use it as-is.
Is IDE Rule: Svelte free?
Yes. IDE Rule: Svelte is free to view, copy and download on Promptally without creating an account. It is published under the MIT license.
What variables does IDE Rule: Svelte need?
IDE Rule: Svelte is a static blueprint with no dynamic variables. Copy it and use it as-is.