mcpField
S
svelte-code-writer

svelte-code-writer

github.com/spences10Development1658 installsUpdated 15w ago
Repository

About svelte-code-writer

A workflow skill for creating, editing, reviewing, and debugging Svelte files. It combines Svelte best-practice references with documentation checks and file validation.

Key features

  1. 01Load baseline Svelte 5 guidance
  2. 02Select focused local skills
  3. 03Look up official documentation
  4. 04Validate changed Svelte files
  5. 05Use Svelte CLI analysis helpers

Use cases

  1. 01Creating or editing Svelte components
  2. 02Checking uncertain Svelte syntax
  3. 03Reviewing or debugging Svelte files
  4. 04Validating changed Svelte source

MCP support

The workflow documents Svelte CLI helpers from `@sveltejs/mcp` for listing documentation sections, fetching documentation, and analyzing Svelte files.

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/spences10/skills --skill svelte-code-writer

After installing, type/svelte-code-writerin Claude Code to confirm it loaded.

Details

From the project README

Svelte Code Writer

Use this workflow when creating, editing, reviewing, or debugging Svelte files.

Workflow

  1. Load svelte-core-bestpractices for baseline Svelte 5 rules.
  2. Load deeper local skills as needed: svelte-runes, svelte-template-directives, svelte-styling, sveltekit-data-flow, or sveltekit-structure.
  3. Check relevant official docs when syntax or behavior is uncertain.
  4. Validate changed Svelte files before finalizing.

Official Svelte CLI Helpers

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

Notes

  • Prefer checking docs for exact syntax over guessing.
  • Escape $ when passing inline rune code through a shell.
  • Run validation on every changed .svelte, .svelte.ts, and .svelte.js file when practical.
  • Last verified: 2026-05-14

Comments

Markdown supported