spences10/skills

svelte-code-writer

Svelte code writing and validation workflow. Use when creating, editing, reviewing, or debugging .svelte, .svelte.ts, or .svelte.js files.

First seen May 21, 2026

Installation

$ npx skills add spences10/skills --skill svelte-code-writer

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from spences10/skills · top by installs.

npx skills add spences10/skills

Browse all from spences10/skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 15
Default branch main
Open issues 1
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

More metadata
last_updated
2026-05-14
verified_against
Svelte 5 official skills and current local skill refresh

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,606 B
  • docs SUMMARY.md 182 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 48 installs

SKILL.md

<!-- Inspired by the official Svelte AI svelte-code-writer skill: https://svelte.dev/docs/ai/skills -->

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