Svelte 5 runes、片段、SvelteKit 模式以及 TypeScript 和元件開發的現代最佳實踐。在編寫、審查或重構 Svelte 5 元件和 SvelteKit 應用程式時使用。觸發於：Svelte 元件、runes（$state、$derived、$effect、$props、$bindable、$inspect）、片段（{#snippet}、{@render}）、事件處理、SvelteKit 資料載入、表單動作、Svelte 4 遷移到 Svelte 5、store 遷移到 rune、slot 遷移到片段、TypeScript props 型別、通用元件、SSR 狀態隔離、效能最佳化或元件測試。
這項技能是一個針對 Svelte 5 和 SvelteKit 開發的綜合性最佳實踐指南，專為開發者在使用 AI 代理（如 Claude Code 或 Cursor）輔助編碼時設計。它全面涵蓋 Svelte 5 的核心新特性，包括 runes（如 $state、$derived、$effect）、片段（{#snippet} 和 {@render}），以及 SvelteKit 的資料載入與表單動作模式。此技能的主要用途是確保 AI 代理在生成或修改 Svelte 5 程式碼時，遵循現代、型別安全的開發慣例，例如正確使用 runes 進行狀態管理、使用片段取代傳統 slot、以及採用 TypeScript 進行強型別 props 定義。它還支援從 Svelte 4 的傳統模式（如 store 和 slot）平穩遷移到 Svelte 5，並提供關於 SSR 狀態隔離和效能最佳化的指導。透過整合這些規則，AI 代理可以輸出更一致、可維護且符合社群標準的程式碼，減少重構負擔，並加速 SvelteKit 專案的開發流程。
npx skills add https://github.com/ejirocodes/agent-skills/tree/main/skills/svelte5-best-practicesInstalled? Explore more 生產力與協作 skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →
Svelte 5 runes、片段、SvelteKit 模式以及 TypeScript 和元件開發的現代最佳實踐。在編寫、審查或重構 Svelte 5 元件和 SvelteKit 應用程式時使用。觸發於：Svelte 元件、runes（$state、$derived、$effect、$props、$bindable、$inspect）、片段（{#snippet}、{@render}）、事件處理、SvelteKit 資料載入、表單動作、Svelte 4 遷移到 Svelte 5、store 遷移到 rune、slot 遷移到片段、TypeScript props 型別、通用元件、SSR 狀態隔離、效能最佳化或元件測試。
Gemini CLI one-shot prompts, summaries, generation, skills, hooks, MCP, or Gemma routing.
Fetch GitHub issues, select candidates, spawn background fix agents, open PRs, and optionally process PR review comments.
Create, edit, audit, tidy, validate, or restructure AgentSkills and SKILL.md files.
Search, install, update, sync, or publish agent skills with the ClawHub CLI and registry.
Delegate coding work to Codex, Claude Code, or OpenCode as background workers; not simple edits or read-only code lookup.
List, configure, authenticate, call, and inspect MCP servers/tools with mcporter over HTTP or stdio.