sveltekit-svelte5-tailwind-skill
claude-skills/sveltekit-svelte5-tailwind-skill
This skill provides comprehensive integration guidance for building modern web applications using SvelteKit 2, Svelte 5 runes, and Tailwind CSS v4. It features a structured, research-first documentation search methodology to ensure correct configuration and pattern usage.
30 6No licenseUpdated 2025-10-28
65
GoodOverview
Designed as an expert assistant for modern full-stack development, this skill bridges the gap between SvelteKit 2, Svelte 5's new rune-based reactivity system, and Tailwind CSS v4. It emphasizes a strict research-first workflow, querying built-in problem-focused guides and API references before generating code. It covers critical integration nuances such as SSR state constraints, progressive enhancement with form actions, Vite plugin ordering, and migration paths from older versions.
Capabilities
- ▸SvelteKit 2 routing and deployment configuration
- ▸Svelte 5 runes ($state, $derived, $effect, $props) and snippets usage
- ▸Tailwind CSS v4 CSS-first configuration and Vite plugin integration
- ▸Multi-stage documentation search and synthesis
- ▸Form actions and progressive enhancement patterns
Best for
Setting up a new SvelteKit 2 project with Tailwind v4 and Svelte 5, Writing server-side rendering (SSR) safe components using Svelte 5 runes, Implementing forms with progressive enhancement and client-side state handling, Migrating legacy Svelte 4 codebases and Tailwind v3 configurations, Troubleshooting production CSS loading issues and HMR bugs
Works with
Claude CodeCursorGitHub CopilotCodexChatGPTGemini CLIOpenCode
Evoa Score breakdown= Σ (score × weight)
65Task usefulness20%88 → +17.6
実タスクにどれだけ役立つか（機能の豊富さ・用途の明確さ）。 — AIによるcapabilities/use-cases解析
Code quality15%90 → +13.5
実装・指示の品質。 — AIによるSKILL.md/README解析
Maintenance15%50 → +7.5
リポジトリがどれだけ活発に保守されているか。 — GitHub 最終push日時の新しさ
Documentation12%48 → +5.8
ドキュメントの充実度・分かりやすさ。 — README/独自要約の情報量
Security15%100 → +15.0
危険・不審な挙動が無いか。 — AIによるセキュリティレビュー
Originality10%85 → +8.5
ありふれたラッパーではない独自性。 — AIによる独自性判定
Popularity8%41 → +3.3
コミュニティの採用度。 — GitHub Stars/Forks（対数スケール）
Compatibility5%100 → +5.0
対応AIエージェントの広さ。 — AIによる対応エージェント判定
Weighted total76.1 / 100
ライセンス不明/制限あり（Red）のSkillは総合スコアに0.85倍の補正を適用します。 ランキングはこのScoreのみで決まり、広告で変わりません。 算出方法の詳細 →
Security considerations
Relies on standard web framework security practices. Follow SvelteKit security guidelines for form actions and environment variables.
Categories
Summary and analysis are original content generated by AI Skills Rank. The skill's source text is not reproduced here — view it on the linked repository.