Sveltekit Svelte5 Tailwind Skill
Scaffold and extend SvelteKit 2 apps with Svelte 5 runes and Tailwind CSS v4 patterns without guessing framework integration details.
Overview
Sveltekit-svelte5-tailwind-skill is an agent skill for the Build phase that guides integrated implementation with SvelteKit 2, Svelte 5, and Tailwind CSS v4.
Install
npx skills add https://github.com/claude-skills/sveltekit-svelte5-tailwind-skill --skill SKILL.mdWhat is this skill?
- End-to-end guidance for SvelteKit 2 project structure, routing, and data loading patterns
- Svelte 5 semantics including runes and modern component patterns
- Tailwind CSS v4 setup, theming, and utility-first layout workflows
- Cohesive defaults for full-stack marketing sites and authenticated SaaS frontends
- Integration-focused recipes rather than isolated snippet dumps
Adoption & trust: 25 GitHub stars.
What problem does it solve?
You are building on SvelteKit 2 and Svelte 5 with Tailwind v4 but keep hitting version-mismatch patterns, rune migration gaps, and inconsistent styling setup across the repo.
Who is it for?
Indie SaaS and content sites where you standardize on SvelteKit 2, Svelte 5 runes, and Tailwind v4 for the entire UI layer.
Skip if: React/Next migrations, native mobile UI, or teams that need backend-only API design with no Svelte frontend.
When should I use this skill?
You are building or extending a site with SvelteKit 2, Svelte 5, and Tailwind CSS v4 and need integrated framework guidance.
What do I get? / Deliverables
Your agent produces SvelteKit-aligned components, routes, and Tailwind v4 styling that match current framework integration practices instead of legacy Svelte 3 snippets.
- SvelteKit route, layout, and component implementations aligned to Svelte 5
- Tailwind v4 configuration and styled UI surfaces
- Integration notes for common app patterns (marketing pages, dashboards)
Recommended Skills
Journey fit
How it compares
Framework integration skill for one stack—not a generic CSS tutorial or a deployment/CI playbook.
Common Questions / FAQ
Who is sveltekit-svelte5-tailwind-skill for?
Solo web developers and small teams committed to the SvelteKit + Svelte 5 + Tailwind v4 triangle who want agents to follow current integration rules.
When should I use sveltekit-svelte5-tailwind-skill?
During Build/frontend when bootstrapping a SvelteKit app, migrating components to Svelte 5 runes, or applying Tailwind v4 design systems to pages and layouts.
Is sveltekit-svelte5-tailwind-skill safe to install?
Treat it like any frontend dev skill that may suggest package installs and file edits; confirm versions and scripts locally and check Security Audits on this Prism page.
SKILL.md
READMESKILL.md - Sveltekit Svelte5 Tailwind Skill
Comprehensive integration skill for building sites with SvelteKit 2, Svelte 5, and Tailwind CSS v4 # sveltekit-svelte5-tailwind-skill { "name": "sveltekit-svelte5-tailwind-skill", "description": "Comprehensive integration skill for building sites with SvelteKit 2, Svelte 5, and Tailwind CSS v4" }