Is it compatible with @sveltejs/adapter-static?

Yes, it includes detailed configuration steps for adapter-static, including fallback page selection (200.html, 404.html, or index.html) for various hosts.

What security patterns does it recommend?

The skill covers secure authentication flows, comparing localStorage with HttpOnly cookies, and provides proper CORS configuration examples for backend integration.

Does this skill support Server-Side Rendering (SSR)?

No, this skill is designed to disable SSR and prerendering to facilitate a pure SPA workflow using adapter-static.

Can I use this with a separate backend like Golang or Echo?

Yes, this skill is specifically optimized for projects where the SvelteKit frontend communicates with a separate, external API backend.

How does this skill help with SvelteKit development?

It provides specialized guidance and automated checklists for configuring SvelteKit as a pure Single Page Application (SPA), ensuring all rendering happens client-side.

SvelteKit SPA Architect

Name: SvelteKit SPA Architect
Author: linehaul-ai

bylinehaul-ai

•

Learning & Documentation

Configures and develops SvelteKit applications in pure Single Page Application (SPA) mode with client-side rendering.

This skill transforms Claude into an expert on SvelteKit SPA architecture, providing comprehensive guidance for building applications that utilize client-side rendering (CSR) exclusively. It streamlines the setup of adapter-static, automates the disabling of server-side rendering (SSR), and provides optimized patterns for connecting SvelteKit frontends to separate backends like Golang or Echo. By enforcing best practices for client-side routing, data loading, and security, it ensures developers can build robust, static-hosted web applications without the complexity of SvelteKit server logic.

Key Features

01Standardized patterns for disabling SSR and prerendering globally

02Automated configuration for @sveltejs/adapter-static and fallback pages

031 GitHub stars

04Migration pathways for converting standard SvelteKit apps to SPA mode

05Security-first implementation for authentication tokens and CORS

06Expert guidance on client-side data loading and external API integration

Use Cases

01Migrating server-rendered SvelteKit projects to pure client-side architectures

02Deploying SvelteKit apps to static hosting providers like GitHub Pages or Netlify

03Building a SvelteKit frontend for a decoupled Golang or Rust backend API

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add linehaul-ai/linehaulai-claude-marketplace sveltekit-spa

For use in Claude.ai and ChatGPT

Download Skill