菜单
Svelte code writing and validation workflow. Use when creating, editing, reviewing, or debugging .svelte, .svelte.ts, or .svelte.js files.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| name | svelte-code-writer |
| description | Svelte code writing and validation workflow. Use when creating, editing, reviewing, or debugging .svelte, .svelte.ts, or .svelte.js files. |
| metadata | {"last_updated":"2026-05-14","verified_against":"Svelte 5 official skills and current local skill refresh"} |
Use this workflow when creating, editing, reviewing, or debugging Svelte files.
svelte-core-bestpractices for baseline Svelte 5 rules.svelte-runes, svelte-template-directives, svelte-styling, sveltekit-data-flow, or sveltekit-structure.List documentation sections:
npx @sveltejs/mcp list-sections
Fetch relevant documentation sections:
npx @sveltejs/mcp get-documentation "$state,$derived,$effect"
Analyze a Svelte file:
npx @sveltejs/mcp svelte-autofixer ./src/lib/Component.svelte
If a project uses async Svelte features, include --async:
npx @sveltejs/mcp svelte-autofixer ./src/lib/Component.svelte --async
$ when passing inline rune code through a shell..svelte, .svelte.ts, and .svelte.js file when practical.Coordinate parallel agent work. Use when decomposing complex tasks, running review/implementation in parallel, managing task lists, or choosing shared vs isolated workspaces.
Svelte deployment guidance. Use for adapters, Vite config, pnpm setup, library authoring, PWA, or production builds.
SvelteKit data flow guidance. Use when working with load functions, form actions, server/client boundaries, serialization, or invalidation.
Implement SvelteKit remote functions. Use for query(), query.live(), form(), command(), and prerender() patterns in .remote.ts files.
SvelteKit structure guidance. Use for routing, layouts, error handling, SSR, or svelte:boundary. Covers file naming, nested layouts, error boundaries, pending UI, and hydration.
Svelte 5 core best practices. Use when creating, editing, or reviewing .svelte, .svelte.ts, or .svelte.js files. Routes to deeper Svelte skills.