Skills
.Work. You
Rest

svelte-frontend

Community

Ship fast SvelteKit apps with best practices.

Software Engineering#typescript#frontend#svelte#web-development#tailwind#sveltekit#server-rendering
Authorkatsutoo
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a comprehensive blueprint for building modern SvelteKit frontends with progressive enhancement, server-driven rendering, and a coherent architecture, reducing setup time and drift.

Core Features & Use Cases

  • SvelteKit + Svelte 5 runes: Enable highly reactive, granular UI with minimal boilerplate.
  • Progressive Enhancement: SSR/SSG with graceful degradation for non-JS environments.
  • Guided Architecture: Feature-based organization aligned to domain boundaries for scalable apps.
  • Tooling & Forms: Integrates TanStack Query, Superforms, and Tailwind CSS for robust data and UI patterns.
  • Use Case: Build a marketing site or dashboard with server-rendered pages, typed forms, and rich interactivity.

Quick Start

Create a new SvelteKit project configured with Bun, then scaffold features/ domains following the guidelines in this skill.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: svelte-frontend
Download link: https://github.com/katsutoo/dotfiles/archive/main.zip#svelte-frontend

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.