Encore + SvelteKit Full-Stack Setup

What problem does it solve? Setting up a modern full-stack project (Encore.ts backend + SvelteKit frontend) is complex, time-consuming, and prone to configuration errors and "gotchas." This skill automates the entire setup process, ensuring a production-ready, battle-tested boilerplate from day one. It eliminates hours of debugging initial configurations, allowing developers to jump straight into feature development.

Core Features & Use Cases:

• Automated Project Initialization: Creates a complete, correctly configured Encore.ts backend and SvelteKit frontend, including proper directory structures, TypeScript configurations, and environment templates.
• Pre-fixed "Gotchas": Automatically applies fixes for 14 common configuration issues (e.g., Tailwind v4 beta, Svelte 5 slot syntax, Encore userID vs userId), saving significant debugging time.
• Comprehensive Task Automation: Provides 30+ pre-configured Taskfile commands for streamlined development, testing, database management, and deployment workflows.
• Use Case: When starting a new full-stack web application, instead of spending hours configuring build tools, frameworks, and fixing initial errors, use this skill to get a fully functional, type-safe project structure in minutes, ready for immediate feature development.

Quick Start:

1. Create your Encore app in the console (https://app.encore.dev/) and note the app ID.
2. In Cursor/Claude, use this skill: @encore-sveltekit-setup Initialize project "MyApp" with app ID "myapp-x9z2"
3. The skill will set up everything, then you can run task dev to start your application.