svelte-code-writer

sveltejs/ai-tools · Agent Skill

L'abilità ufficiale di scrittura del codice Svelte, orientata ai moderni modelli Svelte, composizione dei componenti e implementazioni pronte per la produzione.

Vai all'installazione ↓

Panoramica

Autore	sveltejsOrganizzazione
Repository	sveltejs/ai-tools ↗
Cartella dello skill	`svelte-code-writer`
Stelle	335
Fork	45
File inclusi	1
Licenza	MIT
Aggiornato	26 ottobre 2026
Link	Sorgente dello skill ↗ · Repository ↗

Verifica Mozgi

Cosa abbiamo trovato nei file dello skill. I dettagli con l’abbonamento.

Sicurezza

rischio basso · nessun rischio evidente — il report completo mostra i dettagli

Compatibilità

solo istruzioni — funziona con la maggior parte degli agenti

Skill simili

62 skill simili trovati

Inoltre con l’abbonamento

Installazione

Uno skill è una cartella con un file SKILL.md. Scegli il tuo agente ed esegui i comandi in un terminale (macOS, Linux o Git Bash su Windows) dalla radice del progetto.

Incolla il prompt in Claude, Codex o un altro assistente: controllerà lo skill e lo installerà.

Install the “svelte-code-writer” skill from mozgi.io (https://mozgi.io/skills/sveltejs-svelte-code-writer/) for me.

1. Download the archive: https://mozgi.io/skills/sveltejs-svelte-code-writer/download
   If it fails, take the skill folder from the source: https://github.com/sveltejs/ai-tools/tree/main/packages/opencode/skills/svelte-code-writer
2. Read SKILL.md and the other files. Check the skill is safe: no hidden commands, no sending data elsewhere, no scripts doing something other than described. If anything looks suspicious, stop and tell me.
3. Put the “svelte-code-writer” folder into your agent's skills folder: .claude/skills/ for Claude Code, .agents/skills/ for Codex, .cursor/skills/ for Cursor, .gemini/skills/ for Gemini CLI. Inside the project if we are in one, otherwise in the home folder (~/.claude/skills/ etc.).
4. Make sure <skills folder>/svelte-code-writer/SKILL.md exists.
5. Briefly tell me what this skill does and offer to try it on my task.

If you cannot do a step yourself, tell me what to click or type.

git clone --depth 1 --branch main https://github.com/sveltejs/ai-tools.git /tmp/ai-tools
mkdir -p .claude/skills
cp -r /tmp/ai-tools/packages/opencode/skills/svelte-code-writer .claude/skills/svelte-code-writer

Riavvia Claude Code: lo skill compare nell'elenco; per richiamarlo a mano usa /svelte-code-writer. Per tutti i progetti: ~/.claude/skills.

git clone --depth 1 --branch main https://github.com/sveltejs/ai-tools.git /tmp/ai-tools
mkdir -p .agents/skills
cp -r /tmp/ai-tools/packages/opencode/skills/svelte-code-writer .agents/skills/svelte-code-writer

Codex cerca gli skill in .agents/skills dalla cartella corrente fino alla radice del repo; richiamalo con /skills o $svelte-code-writer. Per tutti i progetti: ~/.agents/skills.

git clone --depth 1 --branch main https://github.com/sveltejs/ai-tools.git /tmp/ai-tools
mkdir -p .cursor/skills
cp -r /tmp/ai-tools/packages/opencode/skills/svelte-code-writer .cursor/skills/svelte-code-writer

Cursor carica lo skill all'avvio; richiamalo con “/” nella chat Agent. Cursor legge anche .claude/skills e .agents/skills. Per tutti i progetti: ~/.cursor/skills.

git clone --depth 1 --branch main https://github.com/sveltejs/ai-tools.git /tmp/ai-tools
mkdir -p .gemini/skills
cp -r /tmp/ai-tools/packages/opencode/skills/svelte-code-writer .gemini/skills/svelte-code-writer

Gemini CLI propone di attivare lo skill quando il compito corrisponde: tu confermi. Per tutti i progetti: ~/.gemini/skills.

File dello skill

1 file Scarica ZIP

Leggi SKILL.md e i file correlati prima di installare. Clicca un file per l'anteprima.

Contenuto di SKILL.md

Testo originale dell'autore · sola lettura

CLI tools

You have access to @sveltejs/mcp CLI for Svelte-specific assistance. Use these commands via npx:

List documentation sections

npx @sveltejs/mcp list-sections

Lists all available Svelte 5 and SvelteKit documentation sections with titles and paths.

Get documentation

npx @sveltejs/mcp get-documentation "<section1>,<section2>,..."

Retrieves full documentation for specified sections. Use after list-sections to fetch relevant docs.

Example:

npx @sveltejs/mcp get-documentation "$state,$derived,$effect"

Svelte autofixer

npx @sveltejs/mcp svelte-autofixer "<code_or_path>" [options]

Analyzes Svelte code and suggests fixes for common issues.

Options:

--async - Enable async Svelte mode (default: false)
--svelte-version - Target version, ideally the full version from package.json (e.g. 5.16.0) so version-specific suggestions are enabled. The major must be 4 or 5 (default: 5)

Examples:

# Analyze inline code (escape $ as \$)
npx @sveltejs/mcp svelte-autofixer '<script>let count = \$state(0);</script>'

# Analyze a file
npx @sveltejs/mcp svelte-autofixer ./src/lib/Component.svelte

# Target Svelte 4
npx @sveltejs/mcp svelte-autofixer ./Component.svelte --svelte-version 4

Important: When passing code with runes ($state, $derived, etc.) via the terminal, escape the $ character as \$ to prevent shell variable substitution.

Workflow

1. Uncertain about syntax? Run list-sections then get-documentation for relevant topics

2. Reviewing/debugging? Run svelte-autofixer on the code to detect issues

3. Always validate - Run svelte-autofixer before finalizing any Svelte component

Domande frequenti

Che cosa fa lo skill svelte-code-writer?

L'abilità ufficiale di scrittura del codice Svelte, orientata ai moderni modelli Svelte, composizione dei componenti e implementazioni pronte per la produzione.

Come si installa svelte-code-writer?

Apri il blocco “Installazione” in questa pagina e scegli il tuo agente — Claude Code, Codex, Cursor o Gemini CLI — per i comandi pronti che copiano la cartella dello skill nel posto giusto. Oppure copia il prompt dalla scheda “Con l'assistente” e lascia che sia l'assistente a controllare e installare lo skill.

Con quali modelli AI funziona svelte-code-writer?

Gli skill sono semplici istruzioni in Markdown (formato Agent Skills), quindi svelte-code-writer funziona con qualsiasi agente che legge SKILL.md: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode e altri. Il modello carica le istruzioni solo quando il compito corrisponde alla descrizione dello skill.

svelte-code-writer è gratuito?

Lo skill è pubblicato apertamente da sveltejs con licenza MIT. Lo skill in sé non costa nulla: paghi solo il tuo fornitore AI per i token usati.

È sicuro installare gli skill?

Uno skill è un insieme di istruzioni che il tuo agente seguirà: leggi SKILL.md e i file correlati prima di installarlo. Gli script nella cartella dello skill vengono eseguiti solo se li esegue l'agente: controlla cosa fa e non concedere permessi superflui.

In cosa differisce uno skill da un server MCP o da un plugin?

Un server MCP o un plugin danno al modello nuovi strumenti: codice che viene eseguito e restituisce un risultato. Uno skill fornisce conoscenza e metodo: come affrontare il compito, quali passi seguire e com'è un buon risultato. Non servono server né chiavi API.

Skill correlati

Tutti gli skill →

to-prd Converte la conversazione in un ticket tecnico e lo pubblica nel sistema di tracciamento degli errori. mattpocock304k

tdd Il flusso di lavoro del refactoring rosso-verde per la costruzione di funzioni e la correzione di una fetta alla volta. mattpocock304k

diagnosing-bugs Diagnostica sistematica degli errori attraverso la riproduzione, la minimizzazione, l'ipotesi, la strumentazione e la correzione. mattpocock304k

domain-modeling Crea e perfeziona modelli di dominio del progetto e terminologia. mattpocock304k

ask-matt Il router che sceglie il flusso di ingegneria Matt Pocock appropriato per l'attuale compito. mattpocock304k

next-cache-components Includere i componenti della cache nell'applicazione Next.js ed eliminare le route bloccanti individuate durante l'adozione. vercel143k