Svelte 5 的 Runes、Snippets、SvelteKit 模式以及 TypeScript 和组件开发的现代最佳实践。在编写、审查或重构 Svelte 5 组件和 SvelteKit 应用时使用。
该技能为开发者提供了 Svelte 5 及其元框架 SvelteKit 的全面最佳实践指南。它涵盖了 Svelte 5 的核心新特性——Runes（如 $state、$derived、$effect、$props、$bindable 和 $inspect），以及 Snippets 语法（{#snippet} 和 {@render}），帮助开发者采用声明式、响应式且类型安全的方式构建组件。技能还包含了 SvelteKit 中数据加载与表单操作的模式，以及从 Svelte 4 到 Svelte 5 的迁移策略（如 Store 到 Rune、Slots 到 Snippet 的迁移）。此外，它涉及 TypeScript 属性类型定义、泛型组件、服务端渲染（SSR）状态隔离和性能优化，确保组件高效且健壮。该技能适用于多种场景，如编写新组件、审查代码、重构遗留 Svelte 4 代码或优化现有 SvelteKit 应用。对使用 Svelte 5 和 SvelteKit 的 React 或 Vue 开发者来说，这也是一个极佳的参考资源。
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、Snippets、SvelteKit 模式以及 TypeScript 和组件开发的现代最佳实践。在编写、审查或重构 Svelte 5 组件和 SvelteKit 应用时使用。触发场景：Svelte 组件、Runes（$state、$derived、$effect、$props、$bindable、$inspect）、Snippets（{#snippet}、{@render}）、事件处理、SvelteKit 数据加载、表单操作、Svelte 4 到 Svelte 5 迁移、Store 到 Rune 迁移、Slots 到 Snippets 迁移、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.