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

•

学習とドキュメンテーション

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.

主な機能

Standardized patterns for disabling SSR and prerendering globally
Automated configuration for @sveltejs/adapter-static and fallback pages
1 GitHub stars
Migration pathways for converting standard SvelteKit apps to SPA mode
Security-first implementation for authentication tokens and CORS
Expert guidance on client-side data loading and external API integration

ユースケース

Migrating server-rendered SvelteKit projects to pure client-side architectures
Deploying SvelteKit apps to static hosting providers like GitHub Pages or Netlify
Building a SvelteKit frontend for a decoupled Golang or Rust backend API

概要

主な機能

Standardized patterns for disabling SSR and prerendering globally
Automated configuration for @sveltejs/adapter-static and fallback pages
1 GitHub stars
Migration pathways for converting standard SvelteKit apps to SPA mode
Security-first implementation for authentication tokens and CORS
Expert guidance on client-side data loading and external API integration

ユースケース

Migrating server-rendered SvelteKit projects to pure client-side architectures
Deploying SvelteKit apps to static hosting providers like GitHub Pages or Netlify
Building a SvelteKit frontend for a decoupled Golang or Rust backend API