메뉴
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 직업 분류 기준
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.
| 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.